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

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

@@ -0,0 +1,190 @@
+var V = Object.defineProperty;
+var v = Object.getOwnPropertySymbols;
+var F = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var y = (_, a, t) => a in _ ? V(_, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : _[a] = t, A = (_, a) => {
+  for (var t in a || (a = {}))
+    F.call(a, t) && y(_, t, a[t]);
+  if (v)
+    for (var t of v(a))
+      h.call(a, t) && y(_, t, a[t]);
+  return _;
+};
+var I = (_, a) => {
+  var t = {};
+  for (var r in _)
+    F.call(_, r) && a.indexOf(r) < 0 && (t[r] = _[r]);
+  if (_ != null && v)
+    for (var r of v(_))
+      a.indexOf(r) < 0 && h.call(_, r) && (t[r] = _[r]);
+  return t;
+};
+import "../../index36.css";
+import * as o from "react";
+import { Person as G } from "@livechat/design-system-icons";
+import u from "clsx";
+import { Icon as K } from "../Icon/index.es.js";
+import { H as R } from "../../chunks/Heading-a4742030.js";
+import { getContrast as W } from "polished";
+const k = Array.from(
+  { length: 10 },
+  (_, a) => `--surface-avatar-${a + 1}`
+);
+function X(_) {
+  if (!_)
+    return;
+  const a = _.split("").reduce((t, r) => t + r.charCodeAt(0), 0);
+  return `var(${k[a % k.length]})`;
+}
+function J(_ = "", a = 2) {
+  const t = _.trim().split(/\s+/), r = t.map((m) => [...m][0]);
+  if (a < 1)
+    return "";
+  if (t.length <= a)
+    return r.join("").toUpperCase();
+  const s = [r[0]];
+  for (let m = t.length - a + 1; m < t.length; m++)
+    s.push(r[m]);
+  return s.join("").toUpperCase();
+}
+function O(_) {
+  let a = _;
+  if (_.startsWith("var(--") && _.endsWith(")")) {
+    const t = _.slice(4, -1);
+    a = window.getComputedStyle(document.documentElement).getPropertyValue(t).trim();
+  }
+  return a && W(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
+}
+const T = "lc-Avatar-module__avatar___1zTCE", j = "lc-Avatar-module__avatar__status___nX2Ls", Y = "lc-Avatar-module__avatar__rim___RCQ8Q", Z = "lc-Avatar-module__avatar__image___YqfqE", e = {
+  avatar: T,
+  avatar__status: j,
+  "avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
+  "avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
+  "avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
+  "avatar__status--xxxsmall": "lc-Avatar-module__avatar__status--xxxsmall___8pkEO",
+  "avatar__status--circle": "lc-Avatar-module__avatar__status--circle___doV5H",
+  "avatar__status--xxsmall": "lc-Avatar-module__avatar__status--xxsmall___M69lx",
+  "avatar__status--xsmall": "lc-Avatar-module__avatar__status--xsmall___RKQiI",
+  "avatar__status--small": "lc-Avatar-module__avatar__status--small___cVrA7",
+  "avatar__status--medium": "lc-Avatar-module__avatar__status--medium___n5z1H",
+  "avatar__status--large": "lc-Avatar-module__avatar__status--large___Lt-0p",
+  "avatar__status--xlarge": "lc-Avatar-module__avatar__status--xlarge___RWIcJ",
+  "avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
+  "avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
+  "avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
+  avatar__rim: Y,
+  "avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
+  "avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
+  "avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
+  "avatar__rim--small": "lc-Avatar-module__avatar__rim--small___FT8LX",
+  "avatar__rim--medium": "lc-Avatar-module__avatar__rim--medium___Dy0pr",
+  "avatar__rim--large": "lc-Avatar-module__avatar__rim--large___FPvGp",
+  "avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
+  "avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
+  "avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
+  avatar__image: Z,
+  "avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
+  "avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
+  "avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
+  "avatar__icon--small": "lc-Avatar-module__avatar__icon--small___l6lBu",
+  "avatar__icon--medium": "lc-Avatar-module__avatar__icon--medium___LF4w2",
+  "avatar__icon--large": "lc-Avatar-module__avatar__icon--large___QntBf",
+  "avatar__icon--xlarge": "lc-Avatar-module__avatar__icon--xlarge___bcHbI",
+  "avatar__icon--xxlarge": "lc-Avatar-module__avatar__icon--xxlarge___sx8Fq",
+  "avatar__icon--xxxlarge": "lc-Avatar-module__avatar__icon--xxxlarge___4144S",
+  "avatar--circle": "lc-Avatar-module__avatar--circle___XwEz-",
+  "avatar--rounded-square": "lc-Avatar-module__avatar--rounded-square___m7-4I",
+  "avatar--xxxsmall": "lc-Avatar-module__avatar--xxxsmall___EHzpP",
+  "avatar--xxsmall": "lc-Avatar-module__avatar--xxsmall___EDOVp",
+  "avatar--xsmall": "lc-Avatar-module__avatar--xsmall___nI348",
+  "avatar--small": "lc-Avatar-module__avatar--small___UuQen",
+  "avatar--medium": "lc-Avatar-module__avatar--medium___Bt9Eo",
+  "avatar--large": "lc-Avatar-module__avatar--large___OU-08",
+  "avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
+  "avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
+  "avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
+}, l = "avatar", ma = (z) => {
+  var $ = z, {
+    alt: _,
+    className: a,
+    color: t,
+    shape: r = "circle",
+    size: s = "medium",
+    src: m,
+    status: c,
+    text: p,
+    type: i,
+    withRim: f = !1
+  } = $, N = I($, [
+    "alt",
+    "className",
+    "color",
+    "shape",
+    "size",
+    "src",
+    "status",
+    "text",
+    "type",
+    "withRim"
+  ]);
+  const n = i === "image" && !m, [C, E] = o.useState(n), S = i === "image" && !!m && !C, b = i === "text", w = ["xxxsmall", "xxsmall", "xsmall"].includes(s) ? 1 : 2, D = J(p, w), x = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(s), d = t || X(p), H = d ? O(d) : void 0, q = b ? { backgroundColor: d } : {}, B = u(A({
+    [e[l]]: !0,
+    [e[`${l}--${r}`]]: !0,
+    [e[`${l}--${s}`]]: !0,
+    [e[`${l}--with-rim`]]: f
+  }, a ? { [`${a}`]: a } : {})), P = u(
+    e[`${l}__status`],
+    e[`${l}__status--${r}`],
+    e[`${l}__status--${s}`],
+    ...c ? [e[`${l}__status--${c}`]] : []
+  ), U = u(
+    e[`${l}__icon`],
+    e[`${l}__icon--${s}`]
+  ), L = u(
+    e[`${l}__rim`],
+    e[`${l}__rim--${s}`]
+  ), M = (g) => x ? "2xs" : ["medium"].includes(g) ? "xs" : ["large", "xlarge"].includes(g) ? "sm" : ["xxlarge"].includes(g) ? "lg" : "xl", Q = o.useCallback(() => E(!0), []);
+  return o.useEffect(() => {
+    E(n);
+  }, [n]), /* @__PURE__ */ o.createElement("div", A({ className: B, style: q }, N), f && /* @__PURE__ */ o.createElement(
+    "div",
+    {
+      "data-testid": `${l}__rim`,
+      className: L
+    }
+  ), c && /* @__PURE__ */ o.createElement(
+    "div",
+    {
+      "data-testid": `${l}__status`,
+      className: P
+    }
+  ), S && /* @__PURE__ */ o.createElement(
+    "img",
+    {
+      className: e[`${l}__image`],
+      src: m,
+      alt: _,
+      onError: Q
+    }
+  ), b && /* @__PURE__ */ o.createElement(
+    R,
+    {
+      as: "span",
+      size: M(s),
+      style: { color: H },
+      bold: x,
+      uppercase: x
+    },
+    D
+  ), C && /* @__PURE__ */ o.createElement(
+    K,
+    {
+      "data-testid": `${l}__icon`,
+      className: U,
+      source: G
+    }
+  ));
+};
+export {
+  ma as Avatar,
+  X as generateAvatarColor
+};

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

@@ -0,0 +1 @@
+var B=Object.defineProperty;var _=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var n=(e,a,t)=>a in e?B(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,s=(e,a)=>{for(var t in a||(a={}))g.call(a,t)&&n(e,t,a[t]);if(_)for(var t of _(a))l.call(a,t)&&n(e,t,a[t]);return e};var u=(e,a)=>{var t={};for(var d in e)g.call(e,d)&&a.indexOf(d)<0&&(t[d]=e[d]);if(e!=null&&_)for(var d of _(e))a.indexOf(d)<0&&l.call(e,d)&&(t[d]=e[d]);return t};var J=require("../../index35.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),$=require("clsx");function j(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,d.get?d:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const m=j(O);function N(e,a){return e>a?`${a}+`:`${e}`}const R="lc-Badge-module__badge___GhLnu",S="lc-Badge-module__badge__dot___z6RO6",o={badge:R,badge__dot:S,"badge--large":"lc-Badge-module__badge--large___B131q","badge--medium":"lc-Badge-module__badge--medium___TDU8a","badge--compact":"lc-Badge-module__badge--compact___9xJ4y","badge--primary":"lc-Badge-module__badge--primary___8LRpp","badge--secondary":"lc-Badge-module__badge--secondary___JjNIJ","badge--tertiary":"lc-Badge-module__badge--tertiary___e83wV"},r="badge",q=C=>{var c=C,{className:e,count:a=0,max:t=99,kind:d="primary",size:b="medium",type:i="counter"}=c,p=u(c,["className","count","max","kind","size","type"]);const y=$(e,o[r],o[`${r}--${d}`],o[`${r}--${b}`]),f={counter:N(a,t),alert:"!",dot:m.createElement("span",{className:o[`${r}__dot`]})}[i];return m.createElement("span",s({className:y},p),f)};exports.Badge=q;

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

@@ -0,0 +1,66 @@
+var $ = Object.defineProperty;
+var t = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var c = (e, a, _) => a in e ? $(e, a, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[a] = _, s = (e, a) => {
+  for (var _ in a || (a = {}))
+    m.call(a, _) && c(e, _, a[_]);
+  if (t)
+    for (var _ of t(a))
+      l.call(a, _) && c(e, _, a[_]);
+  return e;
+};
+var n = (e, a) => {
+  var _ = {};
+  for (var d in e)
+    m.call(e, d) && a.indexOf(d) < 0 && (_[d] = e[d]);
+  if (e != null && t)
+    for (var d of t(e))
+      a.indexOf(d) < 0 && l.call(e, d) && (_[d] = e[d]);
+  return _;
+};
+import "../../index35.css";
+import * as b from "react";
+import f from "clsx";
+function N(e, a) {
+  return e > a ? `${a}+` : `${e}`;
+}
+const C = "lc-Badge-module__badge___GhLnu", J = "lc-Badge-module__badge__dot___z6RO6", o = {
+  badge: C,
+  badge__dot: J,
+  "badge--large": "lc-Badge-module__badge--large___B131q",
+  "badge--medium": "lc-Badge-module__badge--medium___TDU8a",
+  "badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
+  "badge--primary": "lc-Badge-module__badge--primary___8LRpp",
+  "badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
+  "badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
+}, g = "badge", h = (R) => {
+  var r = R, {
+    className: e,
+    count: a = 0,
+    max: _ = 99,
+    kind: d = "primary",
+    size: u = "medium",
+    type: p = "counter"
+  } = r, i = n(r, [
+    "className",
+    "count",
+    "max",
+    "kind",
+    "size",
+    "type"
+  ]);
+  const B = f(
+    e,
+    o[g],
+    o[`${g}--${d}`],
+    o[`${g}--${u}`]
+  ), y = {
+    counter: N(a, _),
+    alert: "!",
+    dot: /* @__PURE__ */ b.createElement("span", { className: o[`${g}__dot`] })
+  }[p];
+  return /* @__PURE__ */ b.createElement("span", s({ className: B }, i), y);
+};
+export {
+  h as Badge
+};

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

@@ -0,0 +1 @@
+var N=Object.defineProperty;var r=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var g=(t,_,n)=>_ in t?N(t,_,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[_]=n,a=(t,_)=>{for(var n in _||(_={}))y.call(_,n)&&g(t,n,_[n]);if(r)for(var n of r(_))v.call(_,n)&&g(t,n,_[n]);return t};var h=(t,_)=>{var n={};for(var e in t)y.call(t,e)&&_.indexOf(e)<0&&(n[e]=t[e]);if(t!=null&&r)for(var e of r(t))_.indexOf(e)<0&&v.call(t,e)&&(n[e]=t[e]);return n};var W=require("../../index34.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),$=require("clsx"),D=require("../Loader/index.cjs.js");function L(t){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(_,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return _.default=t,Object.freeze(_)}const u=L(S),Z=t=>{if(t==="primary"||t==="destructive")return{primaryColor:"var(--action-primary-default)",secondaryColor:"var(--border-invert-primary)"};if(t==="link-inverted")return{primaryColor:"var(--content-invert-primary)",secondaryColor:"var(--surface-invert-secondary)"}},A="lc-Button-module__btn___aijZJ",J="lc-Button-module__btn__loader___c8zZz",M="lc-Button-module__btn__icon___GVExB",o={btn:A,"btn--disabled":"lc-Button-module__btn--disabled___lXBav","btn--full-width":"lc-Button-module__btn--full-width___kdbAr","btn--xcompact":"lc-Button-module__btn--xcompact___s-zG-","btn--with-left-icon":"lc-Button-module__btn--with-left-icon___MOLWC","btn--with-right-icon":"lc-Button-module__btn--with-right-icon___R0Xum","btn--compact":"lc-Button-module__btn--compact___4eptQ","btn--medium":"lc-Button-module__btn--medium___wfUJA","btn--large":"lc-Button-module__btn--large___lb-z6","btn--basic":"lc-Button-module__btn--basic___Jc2gD","btn--primary":"lc-Button-module__btn--primary___ajbjQ","btn--secondary":"lc-Button-module__btn--secondary___iWzE0","btn--destructive":"lc-Button-module__btn--destructive___-kLCl","btn--destructive-outline":"lc-Button-module__btn--destructive-outline___dexc3","btn--text":"lc-Button-module__btn--text___WA8OL","btn--link":"lc-Button-module__btn--link___51ZgF","btn--link-light":"lc-Button-module__btn--link-light___iitZ6","btn--link-inverted":"lc-Button-module__btn--link-inverted___5zdGg","btn--plain":"lc-Button-module__btn--plain___eOPui","btn--float":"lc-Button-module__btn--float___J4lTs","btn--dotted":"lc-Button-module__btn--dotted___y1EEP","btn--high-contrast":"lc-Button-module__btn--high-contrast___zHSVM","btn--loading":"lc-Button-module__btn--loading___ZAgjv",btn__loader:J,btn__icon:M,"btn__icon--left":"lc-Button-module__btn__icon--left___H68zu","btn__icon--right":"lc-Button-module__btn__icon--right___fHr3D","btn--icon-only":"lc-Button-module__btn--icon-only___bF5pW","btn--icon-only--bg":"lc-Button-module__btn--icon-only--bg___X-4V2"},l="btn",P=u.forwardRef((R,j)=>{var f=R,{loading:t=!1,disabled:_=!1,type:n="button",fullWidth:e=!1,kind:b="basic",size:w="medium",icon:c=null,iconPosition:s="left",loaderLabel:x,className:z,children:m,href:B,onClick:C}=f,O=h(f,["loading","disabled","type","fullWidth","kind","size","icon","iconPosition","loaderLabel","className","children","href","onClick"]);const i=t||_,d=!m&&c,p=["text","link","link-light"].includes(b),k=B?"a":"button",E=$(z,o[l],o[`${l}--${b}`],o[`${l}--${w}`],{[o[`${l}--loading`]]:t,[o[`${l}--full-width`]]:e,[o[`${l}--with-${s}-icon`]]:c&&!d&&!p,[o[`${l}--icon-only`]]:d,[o[`${l}--icon-only--bg`]]:d&&p,[o[`${l}--disabled`]]:i});return u.createElement(k,a(a({ref:j,className:E,"aria-disabled":i,type:n,disabled:i},!i&&{href:B,onClick:C}),O),t&&u.createElement(D.Loader,a({size:"small",label:x,className:o[`${l}__loader`]},Z(b))),c&&u.cloneElement(c,{className:$(c.props.className,o[`${l}__icon`],o[`${l}__icon--${s}`]),disabled:_}),u.createElement("div",{className:o[`${l}__content`]},m))});exports.Button=P;

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

@@ -0,0 +1,142 @@
+var j = Object.defineProperty;
+var b = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var y = (t, _, n) => _ in t ? j(t, _, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[_] = n, r = (t, _) => {
+  for (var n in _ || (_ = {}))
+    g.call(_, n) && y(t, n, _[n]);
+  if (b)
+    for (var n of b(_))
+      v.call(_, n) && y(t, n, _[n]);
+  return t;
+};
+var h = (t, _) => {
+  var n = {};
+  for (var e in t)
+    g.call(t, e) && _.indexOf(e) < 0 && (n[e] = t[e]);
+  if (t != null && b)
+    for (var e of b(t))
+      _.indexOf(e) < 0 && v.call(t, e) && (n[e] = t[e]);
+  return n;
+};
+import "../../index34.css";
+import * as i from "react";
+import $ from "clsx";
+import { Loader as A } from "../Loader/index.es.js";
+const J = (t) => {
+  if (t === "primary" || t === "destructive")
+    return {
+      primaryColor: "var(--action-primary-default)",
+      secondaryColor: "var(--border-invert-primary)"
+    };
+  if (t === "link-inverted")
+    return {
+      primaryColor: "var(--content-invert-primary)",
+      secondaryColor: "var(--surface-invert-secondary)"
+    };
+}, L = "lc-Button-module__btn___aijZJ", O = "lc-Button-module__btn__loader___c8zZz", W = "lc-Button-module__btn__icon___GVExB", o = {
+  btn: L,
+  "btn--disabled": "lc-Button-module__btn--disabled___lXBav",
+  "btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
+  "btn--xcompact": "lc-Button-module__btn--xcompact___s-zG-",
+  "btn--with-left-icon": "lc-Button-module__btn--with-left-icon___MOLWC",
+  "btn--with-right-icon": "lc-Button-module__btn--with-right-icon___R0Xum",
+  "btn--compact": "lc-Button-module__btn--compact___4eptQ",
+  "btn--medium": "lc-Button-module__btn--medium___wfUJA",
+  "btn--large": "lc-Button-module__btn--large___lb-z6",
+  "btn--basic": "lc-Button-module__btn--basic___Jc2gD",
+  "btn--primary": "lc-Button-module__btn--primary___ajbjQ",
+  "btn--secondary": "lc-Button-module__btn--secondary___iWzE0",
+  "btn--destructive": "lc-Button-module__btn--destructive___-kLCl",
+  "btn--destructive-outline": "lc-Button-module__btn--destructive-outline___dexc3",
+  "btn--text": "lc-Button-module__btn--text___WA8OL",
+  "btn--link": "lc-Button-module__btn--link___51ZgF",
+  "btn--link-light": "lc-Button-module__btn--link-light___iitZ6",
+  "btn--link-inverted": "lc-Button-module__btn--link-inverted___5zdGg",
+  "btn--plain": "lc-Button-module__btn--plain___eOPui",
+  "btn--float": "lc-Button-module__btn--float___J4lTs",
+  "btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
+  "btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
+  "btn--loading": "lc-Button-module__btn--loading___ZAgjv",
+  btn__loader: O,
+  btn__icon: W,
+  "btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
+  "btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
+  "btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
+  "btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
+}, l = "btn", X = i.forwardRef(
+  (D, k) => {
+    var p = D, {
+      loading: t = !1,
+      disabled: _ = !1,
+      type: n = "button",
+      fullWidth: e = !1,
+      kind: a = "basic",
+      size: w = "medium",
+      icon: c = null,
+      iconPosition: m = "left",
+      loaderLabel: x,
+      className: C,
+      children: s,
+      href: B,
+      onClick: z
+    } = p, E = h(p, [
+      "loading",
+      "disabled",
+      "type",
+      "fullWidth",
+      "kind",
+      "size",
+      "icon",
+      "iconPosition",
+      "loaderLabel",
+      "className",
+      "children",
+      "href",
+      "onClick"
+    ]);
+    const u = t || _, d = !s && c, f = ["text", "link", "link-light"].includes(a), N = B ? "a" : "button", Z = $(
+      C,
+      o[l],
+      o[`${l}--${a}`],
+      o[`${l}--${w}`],
+      {
+        [o[`${l}--loading`]]: t,
+        [o[`${l}--full-width`]]: e,
+        [o[`${l}--with-${m}-icon`]]: c && !d && !f,
+        [o[`${l}--icon-only`]]: d,
+        [o[`${l}--icon-only--bg`]]: d && f,
+        [o[`${l}--disabled`]]: u
+      }
+    );
+    return /* @__PURE__ */ i.createElement(
+      N,
+      r(r({
+        ref: k,
+        className: Z,
+        "aria-disabled": u,
+        type: n,
+        disabled: u
+      }, !u && { href: B, onClick: z }), E),
+      t && /* @__PURE__ */ i.createElement(
+        A,
+        r({
+          size: "small",
+          label: x,
+          className: o[`${l}__loader`]
+        }, J(a))
+      ),
+      c && i.cloneElement(c, {
+        className: $(
+          c.props.className,
+          o[`${l}__icon`],
+          o[`${l}__icon--${m}`]
+        ),
+        disabled: _
+      }),
+      /* @__PURE__ */ i.createElement("div", { className: o[`${l}__content`] }, s)
+    );
+  }
+);
+export {
+  X as Button
+};

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

@@ -0,0 +1 @@
+var H=Object.defineProperty;var o=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var v=(e,_,a)=>_ in e?H(e,_,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[_]=a,f=(e,_)=>{for(var a in _||(_={}))b.call(_,a)&&v(e,a,_[a]);if(o)for(var a of o(_))N.call(_,a)&&v(e,a,_[a]);return e};var $=(e,_)=>{var a={};for(var t in e)b.call(e,t)&&_.indexOf(t)<0&&(a[t]=e[t]);if(e!=null&&o)for(var t of o(e))_.indexOf(t)<0&&N.call(e,t)&&(a[t]=e[t]);return a};var te=require("../../index33.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),S=require("@livechat/design-system-icons"),q=require("clsx"),T=require("../Button/index.cjs.js"),U=require("../Icon/index.cjs.js"),K=require("../../chunks/Heading-1f13e793.js"),l=require("../../chunks/Text-2356ec2a.js");function L(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(_,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return _.default=e,Object.freeze(_)}const c=L(R),O="lc-Card-module__card___GqMm2",Q="lc-Card-module__card__header___0ptfD",F="lc-Card-module__card__header__image___QMwSu",G="lc-Card-module__card__header__heading___Wkikx",W="lc-Card-module__card__header__heading__title___Uxi8s",Y="lc-Card-module__card__header__heading__description___6LnOK",J="lc-Card-module__card__content___KuDcc",V="lc-Card-module__card__actions___q9sAo",X="lc-Card-module__card__actions__line___TF1bt",Z="lc-Card-module__card__actions__buttons___PDMMR",n={card:O,card__header:Q,card__header__image:F,card__header__heading:G,card__header__heading__title:W,card__header__heading__description:Y,"card__header__no-image":"lc-Card-module__card__header__no-image___UcnNY",card__content:J,"card__expanded-content":"lc-Card-module__card__expanded-content___yB-QL",card__actions:V,card__actions__line:X,card__actions__buttons:Z,"card__actions__buttons-expander":"lc-Card-module__card__actions__buttons-expander___lz4h-"},d="card",i=`${d}__header`,m=`${i}__heading`,s=`${d}__actions`,ee=`${i}__no-image`,_e=ae=>{var p=ae,{alt:e,buttonsOptions:_=[],children:a,className:t,description:y,expandableContent:u,src:h,title:g}=p,I=$(p,["alt","buttonsOptions","children","className","description","expandableContent","src","title"]);const[r,w]=c.useState(!1),z=r?S.ChevronUp:S.ChevronDown,A=r?"Hide":"Show more",C=(_==null?void 0:_.length)>0,x=!!u,k=C||x,B=g,E=h,D=E?"":n[ee];return c.createElement("div",f({className:q(n[d],t)},I),B&&c.createElement("div",{className:q(n[i],D)},E&&c.createElement("img",{alt:e,className:n[`${i}__image`],src:h}),c.createElement("div",{className:n[m]},c.createElement(K.Heading,{size:"sm",className:n[`${m}__title`]},g),c.createElement(l.Text,{size:"sm",className:n[`${m}__description`]},y))),c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__content`]},a),r&&c.createElement(l.Text,{as:"div",size:"md",className:n[`${d}__expanded-content`]},u),k&&c.createElement("div",{className:n[s]},c.createElement("div",{className:n[`${s}__line`]}),c.createElement("div",{className:n[`${s}__buttons`]},C&&_.map(({kind:M,onClick:j,children:P})=>c.createElement(T.Button,{size:"compact",kind:M,onClick:j},P)),x&&c.createElement(T.Button,{className:n[`${s}__buttons-expander`],kind:"link",iconPosition:"right",icon:c.createElement(U.Icon,{source:z}),onClick:()=>w(!r)},A))))};exports.Card=_e;

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

@@ -0,0 +1,95 @@
+var y = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
+var v = (e, _, a) => _ in e ? y(e, _, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[_] = a, f = (e, _) => {
+  for (var a in _ || (_ = {}))
+    N.call(_, a) && v(e, a, _[a]);
+  if (o)
+    for (var a of o(_))
+      $.call(_, a) && v(e, a, _[a]);
+  return e;
+};
+var A = (e, _) => {
+  var a = {};
+  for (var t in e)
+    N.call(e, t) && _.indexOf(t) < 0 && (a[t] = e[t]);
+  if (e != null && o)
+    for (var t of o(e))
+      _.indexOf(t) < 0 && $.call(e, t) && (a[t] = e[t]);
+  return a;
+};
+import "../../index33.css";
+import * as c from "react";
+import { ChevronUp as K, ChevronDown as L } from "@livechat/design-system-icons";
+import b from "clsx";
+import { Button as w } from "../Button/index.es.js";
+import { Icon as P } from "../Icon/index.es.js";
+import { H as Q } from "../../chunks/Heading-a4742030.js";
+import { T as l } from "../../chunks/Text-3504b7ce.js";
+const R = "lc-Card-module__card___GqMm2", F = "lc-Card-module__card__header___0ptfD", G = "lc-Card-module__card__header__image___QMwSu", W = "lc-Card-module__card__header__heading___Wkikx", Y = "lc-Card-module__card__header__heading__title___Uxi8s", j = "lc-Card-module__card__header__heading__description___6LnOK", J = "lc-Card-module__card__content___KuDcc", V = "lc-Card-module__card__actions___q9sAo", X = "lc-Card-module__card__actions__line___TF1bt", Z = "lc-Card-module__card__actions__buttons___PDMMR", d = {
+  card: R,
+  card__header: F,
+  card__header__image: G,
+  card__header__heading: W,
+  card__header__heading__title: Y,
+  card__header__heading__description: j,
+  "card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
+  card__content: J,
+  "card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
+  card__actions: V,
+  card__actions__line: X,
+  card__actions__buttons: Z,
+  "card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
+}, n = "card", i = `${n}__header`, m = `${i}__heading`, s = `${n}__actions`, O = `${i}__no-image`, s_ = (__) => {
+  var p = __, {
+    alt: e,
+    buttonsOptions: _ = [],
+    children: a,
+    className: t,
+    description: z,
+    expandableContent: h,
+    src: u,
+    title: g
+  } = p, I = A(p, [
+    "alt",
+    "buttonsOptions",
+    "children",
+    "className",
+    "description",
+    "expandableContent",
+    "src",
+    "title"
+  ]);
+  const [r, S] = c.useState(!1), k = r ? K : L, T = r ? "Hide" : "Show more", C = (_ == null ? void 0 : _.length) > 0, E = !!h, B = C || E, D = g, x = u, M = x ? "" : d[O];
+  return /* @__PURE__ */ c.createElement("div", f({ className: b(d[n], t) }, I), D && /* @__PURE__ */ c.createElement("div", { className: b(d[i], M) }, x && /* @__PURE__ */ c.createElement(
+    "img",
+    {
+      alt: e,
+      className: d[`${i}__image`],
+      src: u
+    }
+  ), /* @__PURE__ */ c.createElement("div", { className: d[m] }, /* @__PURE__ */ c.createElement(Q, { size: "sm", className: d[`${m}__title`] }, g), /* @__PURE__ */ c.createElement(l, { size: "sm", className: d[`${m}__description`] }, z))), /* @__PURE__ */ c.createElement(l, { as: "div", size: "md", className: d[`${n}__content`] }, a), r && /* @__PURE__ */ c.createElement(
+    l,
+    {
+      as: "div",
+      size: "md",
+      className: d[`${n}__expanded-content`]
+    },
+    h
+  ), B && /* @__PURE__ */ c.createElement("div", { className: d[s] }, /* @__PURE__ */ c.createElement("div", { className: d[`${s}__line`] }), /* @__PURE__ */ c.createElement("div", { className: d[`${s}__buttons`] }, C && _.map(
+    ({ kind: H, onClick: U, children: q }) => /* @__PURE__ */ c.createElement(w, { size: "compact", kind: H, onClick: U }, q)
+  ), E && /* @__PURE__ */ c.createElement(
+    w,
+    {
+      className: d[`${s}__buttons-expander`],
+      kind: "link",
+      iconPosition: "right",
+      icon: /* @__PURE__ */ c.createElement(P, { source: k }),
+      onClick: () => S(!r)
+    },
+    T
+  ))));
+};
+export {
+  s_ as Card
+};

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

@@ -0,0 +1 @@
+var p=Object.defineProperty,f=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var r=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var a=(e,c,_)=>c in e?p(e,c,{enumerable:!0,configurable:!0,writable:!0,value:_}):e[c]=_,k=(e,c)=>{for(var _ in c||(c={}))r.call(c,_)&&a(e,_,c[_]);if(s)for(var _ of s(c))x.call(c,_)&&a(e,_,c[_]);return e},h=(e,c)=>f(e,C(c));var u=(e,c)=>{var _={};for(var o in e)r.call(e,o)&&c.indexOf(o)<0&&(_[o]=e[o]);if(e!=null&&s)for(var o of s(e))c.indexOf(o)<0&&x.call(e,o)&&(_[o]=e[o]);return _};var M=require("../../index32.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),y=require("clsx"),g=require("../FieldDescription/index.cjs.js"),S=require("../../chunks/Text-2356ec2a.js");function N(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const _ in e)if(_!=="default"){const o=Object.getOwnPropertyDescriptor(e,_);Object.defineProperty(c,_,o.get?o:{enumerable:!0,get:()=>e[_]})}}return c.default=e,Object.freeze(c)}const b=N(q),O="lc-Checkbox-module__checkbox___G7nTf",$="lc-Checkbox-module__checkbox__label___-o01x",j="lc-Checkbox-module__checkbox__text___P2SIq",v="lc-Checkbox-module__checkbox__input___YLbVF",E="lc-Checkbox-module__checkbox__checkmark___16pfY",T="lc-Checkbox-module__checkbox__square___MHUyd",D="lc-Checkbox-module__checkbox__helper___YSJ-n",t={checkbox:O,checkbox__label:$,checkbox__text:j,checkbox__input:v,checkbox__checkmark:E,"checkbox--selected":"lc-Checkbox-module__checkbox--selected___S2vqY",checkbox__square:T,"checkbox--disabled":"lc-Checkbox-module__checkbox--disabled___-lAqW",checkbox__helper:D},l="checkbox",P=b.forwardRef((Y,d)=>{var n=Y,{checked:e,disabled:c,children:_,description:o,className:i}=n,m=u(n,["checked","disabled","children","description","className"]);return b.createElement("div",{className:y(t[l],i,{[t[`${l}--selected`]]:e,[t[`${l}--disabled`]]:c})},b.createElement("label",{className:t[`${l}__label`]},b.createElement("input",h(k({},m),{ref:d,checked:e,disabled:c,className:t[`${l}__input`],type:"checkbox"})),_&&b.createElement(S.Text,{as:"div",size:"md",className:t[`${l}__text`]},_)),o&&b.createElement(g.FieldDescription,{className:t[`${l}__helper`]},o))});exports.Checkbox=P;

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

@@ -0,0 +1,64 @@
+var i = Object.defineProperty, C = Object.defineProperties;
+var f = Object.getOwnPropertyDescriptors;
+var x = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var k = (e, c, _) => c in e ? i(e, c, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : e[c] = _, m = (e, c) => {
+  for (var _ in c || (c = {}))
+    s.call(c, _) && k(e, _, c[_]);
+  if (x)
+    for (var _ of x(c))
+      a.call(c, _) && k(e, _, c[_]);
+  return e;
+}, r = (e, c) => C(e, f(c));
+var n = (e, c) => {
+  var _ = {};
+  for (var o in e)
+    s.call(e, o) && c.indexOf(o) < 0 && (_[o] = e[o]);
+  if (e != null && x)
+    for (var o of x(e))
+      c.indexOf(o) < 0 && a.call(e, o) && (_[o] = e[o]);
+  return _;
+};
+import "../../index32.css";
+import * as b from "react";
+import q from "clsx";
+import { FieldDescription as $ } from "../FieldDescription/index.es.js";
+import { T as E } from "../../chunks/Text-3504b7ce.js";
+const N = "lc-Checkbox-module__checkbox___G7nTf", Y = "lc-Checkbox-module__checkbox__label___-o01x", v = "lc-Checkbox-module__checkbox__text___P2SIq", y = "lc-Checkbox-module__checkbox__input___YLbVF", S = "lc-Checkbox-module__checkbox__checkmark___16pfY", T = "lc-Checkbox-module__checkbox__square___MHUyd", F = "lc-Checkbox-module__checkbox__helper___YSJ-n", l = {
+  checkbox: N,
+  checkbox__label: Y,
+  checkbox__text: v,
+  checkbox__input: y,
+  checkbox__checkmark: S,
+  "checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
+  checkbox__square: T,
+  "checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
+  checkbox__helper: F
+}, t = "checkbox", H = b.forwardRef(
+  (R, p) => {
+    var h = R, { checked: e, disabled: c, children: _, description: o, className: d } = h, u = n(h, ["checked", "disabled", "children", "description", "className"]);
+    return /* @__PURE__ */ b.createElement(
+      "div",
+      {
+        className: q(l[t], d, {
+          [l[`${t}--selected`]]: e,
+          [l[`${t}--disabled`]]: c
+        })
+      },
+      /* @__PURE__ */ b.createElement("label", { className: l[`${t}__label`] }, /* @__PURE__ */ b.createElement(
+        "input",
+        r(m({}, u), {
+          ref: p,
+          checked: e,
+          disabled: c,
+          className: l[`${t}__input`],
+          type: "checkbox"
+        })
+      ), _ && /* @__PURE__ */ b.createElement(E, { as: "div", size: "md", className: l[`${t}__text`] }, _)),
+      o && /* @__PURE__ */ b.createElement($, { className: l[`${t}__helper`] }, o)
+    );
+  }
+);
+export {
+  H as Checkbox
+};

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

@@ -0,0 +1 @@
+var V=Object.defineProperty,Z=Object.defineProperties;var X=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var g=(e,t,a)=>t in e?V(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,f=(e,t)=>{for(var a in t||(t={}))A.call(t,a)&&g(e,a,t[a]);if(w)for(var a of w(t))L.call(t,a)&&g(e,a,t[a]);return e},v=(e,t)=>Z(e,X(t));var $=(e,t)=>{var a={};for(var r in e)A.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&w)for(var r of w(e))t.indexOf(r)<0&&L.call(e,r)&&(a[r]=e[r]);return a};var se=require("../../index31.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),z=require("react-day-picker"),I=require("@livechat/design-system-icons"),N=require("clsx"),l=require("date-fns"),R=require("../Icon/index.cjs.js");function Q(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const i=Q(D),_={"date-picker":"lc-DatePicker-module__date-picker___9AqJ2","date-picker--interaction-disabled":"lc-DatePicker-module__date-picker--interaction-disabled___-zn8o","date-picker__day":"lc-DatePicker-module__date-picker__day___ZTSw9","date-picker__day--disabled":"lc-DatePicker-module__date-picker__day--disabled___4O6yW","date-picker__day--selected":"lc-DatePicker-module__date-picker__day--selected___1D1tC","date-picker__day--outside":"lc-DatePicker-module__date-picker__day--outside___ptNdC","date-picker__day-content":"lc-DatePicker-module__date-picker__day-content___rDIa0","date-picker__wrapper":"lc-DatePicker-module__date-picker__wrapper___tNp4l","date-picker__months":"lc-DatePicker-module__date-picker__months___QuPb0","date-picker__month":"lc-DatePicker-module__date-picker__month___239nh","date-picker__nav-bar":"lc-DatePicker-module__date-picker__nav-bar___u-l17","date-picker__nav-button":"lc-DatePicker-module__date-picker__nav-button___1Ysdp","date-picker__nav-button--interaction-disabled":"lc-DatePicker-module__date-picker__nav-button--interaction-disabled___Ivjrx","date-picker__caption":"lc-DatePicker-module__date-picker__caption___XPgZJ","date-picker__weekdays":"lc-DatePicker-module__date-picker__weekdays___kpTY9","date-picker__weekdays-row":"lc-DatePicker-module__date-picker__weekdays-row___tGgay","date-picker__weekday":"lc-DatePicker-module__date-picker__weekday___3FCx8","date-picker__body":"lc-DatePicker-module__date-picker__body___toP1u","date-picker__week":"lc-DatePicker-module__date-picker__week___nZI1x","date-picker__day-wrapper":"lc-DatePicker-module__date-picker__day-wrapper___gGeeJ","date-picker__day--today":"lc-DatePicker-module__date-picker__day--today___LL51c","date-picker__footer":"lc-DatePicker-module__date-picker__footer___cXMQ5","date-picker__input":"lc-DatePicker-module__date-picker__input___r6qih","date-picker__input-overlay-wrapper":"lc-DatePicker-module__date-picker__input-overlay-wrapper___vmC0M","date-picker__input-overlay":"lc-DatePicker-module__date-picker__input-overlay___eJ9D0","date-picker--range":"lc-DatePicker-module__date-picker--range___ZU-7k","date-picker__day--start":"lc-DatePicker-module__date-picker__day--start___-oB8U","date-picker__day--end":"lc-DatePicker-module__date-picker__day--end___TtN5P","date-picker__day--single":"lc-DatePicker-module__date-picker__day--single___biWcB","date-picker__day--sunday":"lc-DatePicker-module__date-picker__day--sunday___JEnhV","date-picker__day--monday":"lc-DatePicker-module__date-picker__day--monday___NXYIr","date-picker--range__select-input":"lc-DatePicker-module__date-picker--range__select-input___6pyj3","date-picker--range__calendars-wrapper":"lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW","date-picker__navbar-buttons-wrapper":"lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"},W="date-picker",K=e=>{const{onPreviousClick:t,onMonthChange:a,onNextClick:r,showNextButton:s,showPreviousButton:d,className:u,classNames:b,numberOfMonths:y,month:k,fromMonth:T,toMonth:S}=e,C=()=>{typeof t=="function"&&t()},M=()=>{typeof r=="function"&&r()},P=()=>{if(!T){const E=l.subMonths(k,12);return a(E)}const o=Math.abs(l.differenceInCalendarMonths(k,T)),p=l.subMonths(k,!Number.isNaN(o)&&o>12?12:o);return a(p)},c=()=>{if(!S){const E=l.addMonths(k,12);return a(E)}const o=Math.abs(l.differenceInCalendarMonths(S,k)),p=l.addMonths(k,!Number.isNaN(o)&&o>12?12:o);return y===2&&l.isSameMonth(p,S)?a(l.subMonths(p,1)):a(p)};return i.createElement("div",{className:u},i.createElement("div",{className:_[`${W}__navbar-buttons-wrapper`]},i.createElement("button",{"data-testid":"date-picker-prev-year-button",className:N({[b.navButtonPrev]:!0,[b.navButtonInteractionDisabled]:!d}),onClick:P},i.createElement(R.Icon,{source:I.DoubleArrowLeft,kind:"subtle"})),i.createElement("button",{"data-testid":"date-picker-prev-month-button",className:N({[b.navButtonPrev]:!0,[b.navButtonInteractionDisabled]:!d}),onClick:C},i.createElement(R.Icon,{source:I.ChevronLeft,kind:"subtle"}))),i.createElement("div",{className:_[`${W}__navbar-buttons-wrapper`]},i.createElement("button",{"data-testid":"date-picker-next-month-button",className:N({[b.navButtonNext]:!0,[b.navButtonInteractionDisabled]:!s}),onClick:M},i.createElement(R.Icon,{source:I.ChevronRight,kind:"subtle"})),i.createElement("button",{"data-testid":"date-picker-next-year-button",className:N({[b.navButtonNext]:!0,[b.navButtonInteractionDisabled]:!s}),onClick:c},i.createElement(R.Icon,{source:I.DoubleArrowRight,kind:"subtle"}))))},ee=K,n="date-picker",x=(e,t)=>{const{from:a,to:r}=t;return!(r&&!l.isSameDay(e,r)&&l.isAfter(e,r)||a&&!l.isSameDay(e,a)&&!l.isAfter(e,a))},F=(e,t,a)=>t?e&&!l.isSameMonth(e,t)||a&&l.isSameMonth(t,a)?l.subMonths(t,1):t:l.subMonths(a||new Date,1),te=(e,t)=>{const a={[_[`${n}__day--monday`]]:{daysOfWeek:[1]},[_[`${n}__day--sunday`]]:{daysOfWeek:[0]},[_[`${n}__day--start`]]:e,[_[`${n}__day--end`]]:e};if(!t||!e)return a;const r=l.differenceInCalendarDays(t,e);return r>0?v(f({},a),{[_[`${n}__day--end`]]:t}):r<0?v(f({},a),{[_[`${n}__day--start`]]:t}):a},h=(e,t)=>{const a=t.find(r=>r.id===e);return a||void 0},Y=(e,t)=>!!(!e||e&&t),ae=e=>{const t={};if(!e.initialSelectedItemKey)return t;const a=h(e.initialSelectedItemKey,e.options);return a?(t.selectedItem=e.initialSelectedItemKey,a.isManual&&(e.initialFromDate&&(t.from=e.initialFromDate),e.initialToDate&&(t.to=e.initialToDate,t.temporaryTo=e.initialToDate)),t):{}},re=(e,t)=>f({container:N({[_[`${n}`]]:!0,[_[`${n}--range`]]:e}),wrapper:_[`${n}__wrapper`],interactionDisabled:_[`${n}--interaction-disabled`],months:_[`${n}__months`],month:_[`${n}__month`],navBar:_[`${n}__nav-bar`],navButtonPrev:N(_[`${n}__nav-button`],_[`${n}__nav-button--prev`]),navButtonNext:N(_[`${n}__nav-button`],_[`${n}__nav-button--next`]),navButtonInteractionDisabled:_[`${n}__nav-button--interaction-disabled`],caption:_[`${n}__caption`],weekdays:_[`${n}__weekdays`],weekdaysRow:_[`${n}__weekdays-row`],weekday:_[`${n}__weekday`],body:_[`${n}__body`],week:_[`${n}__week`],weekNumber:_[`${n}__week-number`],day:_[`${n}__day`],footer:_[`${n}__footer`],todayButton:_[`${n}__today-button`],today:_[`${n}__day--today`],selected:_[`${n}__day--selected`],disabled:_[`${n}__day--disabled`],outside:_[`${n}__day--outside`],start:_[`${n}__day--start`],end:_[`${n}__day--end`]},t),B="date-picker",_e=e=>{const t=e.getDate();return i.createElement("div",{className:_[`${B}__day-wrapper`]},i.createElement("div",{className:_[`${B}__day-content`]},t))},ne=e=>{const p=e,{classNames:t,range:a,toMonth:r,month:s,fromMonth:d,firstDayOfWeek:u,numberOfMonths:b,navbarElement:y,renderDay:k,innerRef:T}=p,S=$(p,["classNames","range","toMonth","month","fromMonth","firstDayOfWeek","numberOfMonths","navbarElement","renderDay","innerRef"]),[C,M]=i.useState(s||new Date);i.useEffect(()=>{s&&s!==C&&M(s)},[s,C]),i.useEffect(()=>{r&&(x(C,{from:d,to:r})||M(r))},[C,e.toMonth,e.fromMonth]);const P=i.useCallback(E=>{if(e.onMonthChange&&E){e.onMonthChange(E);return}M(E)},[s,e.onMonthChange]);let c=1;(u===0||u&&u<7)&&(c=u);const o=i.useMemo(()=>re(a,t),[a,t]);return i.createElement(z,f({navbarElement:y||i.createElement(ee,{month:C,classNames:o,numberOfMonths:b,onMonthChange:P,toMonth:r,fromMonth:d}),ref:T,classNames:o,numberOfMonths:b,toMonth:r,fromMonth:d,firstDayOfWeek:c,month:C,renderDay:k||_e},S))},H=i.forwardRef((e,t)=>i.createElement(ne,f({innerRef:t},e)));H.displayName="DatePicker";var m=(e=>(e.NEW_SELECTED_ITEM="NEW_SELECTED_ITEM",e.NEW_TEMPORARY_TO_VALUE="NEW_TEMPORARY_TO_VALUE",e.CLEAR="CLEAR",e.SET_FROM="SET_FROM",e.SET_TO="SET_TO",e.SELECT_FIRST_DAY="SELECT_FIRST_DAY",e.SELECT_SECOND_DAY_AS_FROM="SELECT_SECOND_DAY_AS_FROM",e.SELECT_SECOND_DAY_AS_TO="SELECT_SECOND_DAY_AS_TO",e.CURRENT_MONTH_CHANGE="CURRENT_MONTH_CHANGE",e))(m||{});const ce=e=>{const t=F(e.initialFromDate,e.initialToDate,e.toMonth),r=f(f({},{selectedItem:null,from:void 0,to:void 0,temporaryTo:void 0,currentMonth:t}),ae(e));function s(d,u){switch(u.type){case m.NEW_SELECTED_ITEM:return{selectedItem:u.payload.selectedItem,from:void 0,to:void 0,temporaryTo:void 0,currentMonth:t};case m.NEW_TEMPORARY_TO_VALUE:return v(f({},d),{temporaryTo:u.payload.date});case m.SELECT_FIRST_DAY:return v(f({},d),{from:u.payload.date,to:void 0,temporaryTo:void 0});case m.SELECT_SECOND_DAY_AS_FROM:return v(f({},d),{from:u.payload.date,to:d.from,temporaryTo:d.from});case m.SELECT_SECOND_DAY_AS_TO:return v(f({},d),{to:u.payload.date,temporaryTo:u.payload.date});case m.CURRENT_MONTH_CHANGE:return v(f({},d),{currentMonth:u.payload.date});case m.SET_FROM:return v(f({},d),{from:u.payload.date});case m.SET_TO:return v(f({},d),{to:u.payload.date});default:return d}}return D.useReducer(s,r)},U=({options:e,initialSelectedItemKey:t,initialFromDate:a,initialToDate:r,toMonth:s,onChange:d,children:u})=>{const b=D.useRef(t||null),[y,k]=ce({options:e,initialSelectedItemKey:t,initialFromDate:a,initialToDate:r,toMonth:s,onChange:d,children:u});D.useEffect(()=>{k({type:m.SET_FROM,payload:{date:a}})},[a]),D.useEffect(()=>{k({type:m.SET_TO,payload:{date:r}})},[r]),D.useEffect(()=>{const c=F(a,r,s);k({type:m.CURRENT_MONTH_CHANGE,payload:{date:c}})},[s,a,r]),D.useEffect(()=>{const{from:c,selectedItem:o,to:p}=y;if(!(c&&p))return;const E=h(o,e);E&&(d==null||d(v(f({},E),{value:{from:c,to:p}})))},[y.from,y.to,y.selectedItem,e,d]),D.useEffect(()=>{const{selectedItem:c}=y;if(c===b.current)return;if(!c){d(null);return}if(!h(c,e))return;const p=e.reduce((E,O)=>v(f({},E),{[O.id]:O}),{});d(p[c])},[d,y.selectedItem,e]);const T=D.useCallback(c=>{const o=s?l.differenceInCalendarDays(s,c)>=0:!0;!Y(y.from,y.to)&&o&&k({type:m.NEW_TEMPORARY_TO_VALUE,payload:{date:c}})},[s,y.from,y.to]),S=D.useCallback(c=>{const{from:o,to:p}=y;x(c,{to:s})&&(Y(o,p)?k({type:m.SELECT_FIRST_DAY,payload:{date:c}}):o&&l.isSameDay(c,o)||o&&l.isAfter(c,o)?k({type:m.SELECT_SECOND_DAY_AS_TO,payload:{date:c}}):k({type:m.SELECT_SECOND_DAY_AS_FROM,payload:{date:c}}))},[s,y.from,y.to]),C=D.useCallback(c=>{if(c===null){k({type:m.NEW_SELECTED_ITEM,payload:{selectedItem:null}});return}h(c,e)&&k({type:m.NEW_SELECTED_ITEM,payload:{selectedItem:c}})},[e]),M=D.useCallback(c=>{k({type:m.CURRENT_MONTH_CHANGE,payload:{date:c}})},[]);return u((()=>{const{currentMonth:c,from:o,selectedItem:p,temporaryTo:E,to:O}=y,q=D.useMemo(()=>te(o,E),[o,E]),j=D.useMemo(()=>h(p,e),[e,p]),G=D.useMemo(()=>[o,{from:o,to:E}],[o,E]),J=D.useMemo(()=>s?{after:s}:void 0,[s]);return{select:{onItemSelect:C,selected:p||""},inputs:{fromDate:o,toDate:O},datepicker:{range:!0,month:c,numberOfMonths:2,onDayClick:S,selectedDays:G,modifiers:q,initialMonth:s&&l.subMonths(s,1),toMonth:s,disabledDays:J,onDayMouseEnter:T,onMonthChange:M},selectedOption:j}})())};U.defaultProps={options:[{id:"default",label:"Default option",isManual:!0,value:{from:void 0,to:void 0}}]};const de=e=>{const d=e,{className:t,children:a}=d,r=$(d,["className","children"]),s=N(t,_["date-picker--range__calendars-wrapper"]);return i.createElement("div",v(f({},r),{className:s}),a)};exports.DatePicker=H;exports.DatePickerRangeCalendarsWrapper=de;exports.RangeDatePicker=U;