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

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

@@ -0,0 +1,144 @@
+var M = Object.defineProperty;
+var d = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
+var b = (_, t, c) => t in _ ? M(_, t, { enumerable: !0, configurable: !0, writable: !0, value: c }) : _[t] = c, y = (_, t) => {
+  for (var c in t || (t = {}))
+    E.call(t, c) && b(_, c, t[c]);
+  if (d)
+    for (var c of d(t))
+      N.call(t, c) && b(_, c, t[c]);
+  return _;
+};
+var A = (_, t) => {
+  var c = {};
+  for (var l in _)
+    E.call(_, l) && t.indexOf(l) < 0 && (c[l] = _[l]);
+  if (_ != null && d)
+    for (var l of d(_))
+      t.indexOf(l) < 0 && N.call(_, l) && (c[l] = _[l]);
+  return c;
+};
+import "../../index7.css";
+import * as s from "react";
+import { LockBlackFilled as X } from "@livechat/design-system-icons";
+import a from "clsx";
+import { Icon as B } from "../Icon/index.es.js";
+import { Loader as C } from "../Loader/index.es.js";
+const G = "lc-Switch-module__switch__input___NiiOR", H = "lc-Switch-module__switch__container___79F7W", I = "lc-Switch-module__switch__track___2wr2M", P = "lc-Switch-module__switch__slider___WHd--", V = "lc-Switch-module__switch__loader___FE-fA", Z = "lc-Switch-module__switch__icon___-O1qY", e = {
+  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: G,
+  "switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
+  switch__container: H,
+  switch__track: I,
+  "switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
+  switch__slider: P,
+  "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: V,
+  "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: Z
+}, i = "switch", K = (j) => {
+  var u = j, {
+    className: _ = "",
+    defaultOn: t = !1,
+    disabled: c = !1,
+    name: l = i,
+    on: r,
+    onChange: h,
+    size: o = "large",
+    state: n = "regular",
+    innerRef: F,
+    ariaLabel: L
+  } = u, R = A(u, [
+    "className",
+    "defaultOn",
+    "disabled",
+    "name",
+    "on",
+    "onChange",
+    "size",
+    "state",
+    "innerRef",
+    "ariaLabel"
+  ]);
+  const w = r !== void 0, [v, x] = s.useState(
+    () => w ? r : t
+  ), m = w ? r : v, p = n === "loading", S = n === "locked", O = o === "large" ? "small" : "xsmall", f = m ? "on" : "off", k = c || p || S, $ = k ? "disabled" : "enabled", W = a(
+    e[i],
+    e[`${i}--${o}`],
+    _
+  ), D = (g) => {
+    h == null || h(g, !m), w || (g.stopPropagation(), x((J) => !J));
+  };
+  return /* @__PURE__ */ s.createElement("span", { className: W }, /* @__PURE__ */ s.createElement(
+    "input",
+    y({
+      type: "checkbox",
+      className: a(
+        e[`${i}__input`],
+        e[`${i}__input--${$}`]
+      ),
+      onChange: D,
+      checked: m,
+      name: l,
+      ref: F,
+      disabled: k,
+      "aria-label": L
+    }, R)
+  ), /* @__PURE__ */ s.createElement("span", { className: e[`${i}__container`] }, /* @__PURE__ */ s.createElement(
+    "span",
+    {
+      className: a(
+        e[`${i}__track`],
+        e[`${i}__track--${f}`],
+        e[`${i}__track--${$}`]
+      )
+    }
+  ), /* @__PURE__ */ s.createElement(
+    "span",
+    {
+      className: a(
+        e[`${i}__slider`],
+        e[`${i}__slider--${o}`],
+        e[`${i}__slider--${o}--${f}`]
+      )
+    },
+    p && /* @__PURE__ */ s.createElement(
+      C,
+      {
+        className: a(
+          e[`${i}__loader`],
+          e[`${i}__loader--${o}`]
+        )
+      }
+    ),
+    S && /* @__PURE__ */ s.createElement(
+      B,
+      {
+        className: e[`${i}__icon`],
+        "data-testid": "lock-icon",
+        size: O,
+        source: X,
+        kind: "primary"
+      }
+    )
+  )));
+};
+export {
+  K as Switch
+};

package/dist/components/Tab/Tab.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Size } from 'utils';
+import { Size } from '../../utils';
 type HTMLProps = (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
 }) | (React.ButtonHTMLAttributes<HTMLButtonElement> & {

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

@@ -0,0 +1 @@
+var N=Object.defineProperty,j=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var l=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var i=(e,t,a)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,T=(e,t)=>{for(var a in t||(t={}))u.call(t,a)&&i(e,a,t[a]);if(l)for(var a of l(t))m.call(t,a)&&i(e,a,t[a]);return e},p=(e,t)=>j(e,q(t));var g=(e,t)=>{var a={};for(var s in e)u.call(e,s)&&t.indexOf(s)<0&&(a[s]=e[s]);if(e!=null&&l)for(var s of l(e))t.indexOf(s)<0&&m.call(e,s)&&(a[s]=e[s]);return a};var w=require("../../index6.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),n=require("clsx"),W=require("../Badge/index.cjs.js"),f=require("../../chunks/Text-2356ec2a.js");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=h(D),z="lc-Tab-module__tab___fME7u",L="lc-Tab-module__tab__count___gc8tA",A="lc-Tab-module__tab__badge___W9c-T",_={tab:z,tab__count:L,"tab--compact":"lc-Tab-module__tab--compact___4qead","tab--medium":"lc-Tab-module__tab--medium___bHnGV","tab--large":"lc-Tab-module__tab--large___JL30g",tab__badge:A,"tab--selected":"lc-Tab-module__tab--selected___c0EkL","tab--disabled":"lc-Tab-module__tab--disabled___URdTh"},c="tab",C=B=>{var r=B,{children:e,className:t,count:a,isSelected:s,asBadge:d,size:E="medium"}=r,o=g(r,["children","className","count","isSelected","asBadge","size"]);const{disabled:O}=o,v=a!==void 0&&!d,x=a!==void 0&&d;return b.createElement(f.Text,p(T({},o),{as:o.href?"a":"button",size:"md",bold:s,className:n(t,_[c],_[`${c}--${E}`],s&&_[`${c}--selected`],O&&_[`${c}--disabled`])}),e,v&&b.createElement(f.Text,{as:"span",size:"md",className:_[`${c}__count`]},"(",a,")"),x&&b.createElement(W.Badge,{"data-testid":"tab-badge",count:a,size:"compact",className:_[`${c}__badge`]}))},M="lc-TabsWrapper-module__tabs___Y2xyD",R="lc-TabsWrapper-module__tabs__list___i6tVO",y={tabs:M,tabs__list:R},$="tabs",S=({className:e,children:t})=>b.createElement("div",{className:n(y[$],e)},t),k=({className:e,children:t})=>b.createElement("div",{className:n(y[`${$}__list`],e)},t);exports.Tab=C;exports.TabsList=k;exports.TabsWrapper=S;

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

@@ -0,0 +1,93 @@
+var x = Object.defineProperty, W = Object.defineProperties;
+var z = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var r = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var i = (a, t, e) => t in a ? x(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, T = (a, t) => {
+  for (var e in t || (t = {}))
+    r.call(t, e) && i(a, e, t[e]);
+  if (c)
+    for (var e of c(t))
+      u.call(t, e) && i(a, e, t[e]);
+  return a;
+}, p = (a, t) => W(a, z(t));
+var g = (a, t) => {
+  var e = {};
+  for (var _ in a)
+    r.call(a, _) && t.indexOf(_) < 0 && (e[_] = a[_]);
+  if (a != null && c)
+    for (var _ of c(a))
+      t.indexOf(_) < 0 && u.call(a, _) && (e[_] = a[_]);
+  return e;
+};
+import "../../index6.css";
+import * as l from "react";
+import d from "clsx";
+import { Badge as A } from "../Badge/index.es.js";
+import { T as $ } from "../../chunks/Text-3504b7ce.js";
+const C = "lc-Tab-module__tab___fME7u", D = "lc-Tab-module__tab__count___gc8tA", L = "lc-Tab-module__tab__badge___W9c-T", s = {
+  tab: C,
+  tab__count: D,
+  "tab--compact": "lc-Tab-module__tab--compact___4qead",
+  "tab--medium": "lc-Tab-module__tab--medium___bHnGV",
+  "tab--large": "lc-Tab-module__tab--large___JL30g",
+  tab__badge: L,
+  "tab--selected": "lc-Tab-module__tab--selected___c0EkL",
+  "tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
+}, b = "tab", M = (k) => {
+  var n = k, {
+    children: a,
+    className: t,
+    count: e,
+    isSelected: _,
+    asBadge: m,
+    size: y = "medium"
+  } = n, o = g(n, [
+    "children",
+    "className",
+    "count",
+    "isSelected",
+    "asBadge",
+    "size"
+  ]);
+  const { disabled: N } = o, h = e !== void 0 && !m, v = e !== void 0 && m;
+  return /* @__PURE__ */ l.createElement(
+    $,
+    p(T({}, o), {
+      as: o.href ? "a" : "button",
+      size: "md",
+      bold: _,
+      className: d(
+        t,
+        s[b],
+        s[`${b}--${y}`],
+        _ && s[`${b}--selected`],
+        N && s[`${b}--disabled`]
+      )
+    }),
+    a,
+    h && /* @__PURE__ */ l.createElement($, { as: "span", size: "md", className: s[`${b}__count`] }, "(", e, ")"),
+    v && /* @__PURE__ */ l.createElement(
+      A,
+      {
+        "data-testid": "tab-badge",
+        count: e,
+        size: "compact",
+        className: s[`${b}__badge`]
+      }
+    )
+  );
+}, R = "lc-TabsWrapper-module__tabs___Y2xyD", V = "lc-TabsWrapper-module__tabs__list___i6tVO", E = {
+  tabs: R,
+  tabs__list: V
+}, f = "tabs", O = ({
+  className: a,
+  children: t
+}) => /* @__PURE__ */ l.createElement("div", { className: d(E[f], a) }, t), U = ({
+  className: a,
+  children: t
+}) => /* @__PURE__ */ l.createElement("div", { className: d(E[`${f}__list`], a) }, t);
+export {
+  M as Tab,
+  U as TabsList,
+  O as TabsWrapper
+};

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

@@ -0,0 +1 @@
+var S=Object.defineProperty,E=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var r=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var T=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,i=(e,a)=>{for(var t in a||(a={}))b.call(a,t)&&T(e,t,a[t]);if(r)for(var t of r(a))f.call(a,t)&&T(e,t,a[t]);return e},x=(e,a)=>E(e,I(a));var F=(e,a)=>{var t={};for(var _ in e)b.call(e,_)&&a.indexOf(_)<0&&(t[_]=e[_]);if(e!=null&&r)for(var _ of r(e))a.indexOf(_)<0&&f.call(e,_)&&(t[_]=e[_]);return t};var Y=require("../../index5.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),O=require("@livechat/design-system-icons"),R=require("clsx"),p=require("polished"),h=require("../Icon/index.cjs.js"),D=require("../../chunks/Text-2356ec2a.js");function P(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const _=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,_.get?_:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=P(w),z="lc-Tag-module__tag___1QRVY",N="lc-Tag-module__tag__remove___UmtrW",K="lc-Tag-module__icon___2Z-35",M="lc-Tag-module__tag__node___rZTzB",Q="lc-Tag-module__tag__content___q6vKK",n={tag:z,"tag--success":"lc-Tag-module__tag--success___P2hXQ",tag__remove:N,"tag--error":"lc-Tag-module__tag--error___1cjsm","tag--warning":"lc-Tag-module__tag--warning___PstMG","tag--info":"lc-Tag-module__tag--info___RTH0C","tag--purple":"lc-Tag-module__tag--purple___a0xaE","tag--black":"lc-Tag-module__tag--black___qWjfD","tag--outline":"lc-Tag-module__tag--outline___aZXtr","tag--small":"lc-Tag-module__tag--small___xfcC5","tag--medium":"lc-Tag-module__tag--medium___l5-KI","tag--large":"lc-Tag-module__tag--large___ytC6Y","tag--xlarge":"lc-Tag-module__tag--xlarge___2jj1d",icon:K,"tag--text-white":"lc-Tag-module__tag--text-white___x0fnD","tag--text-black":"lc-Tag-module__tag--text-black___dUvmD","tag--dismissible":"lc-Tag-module__tag--dismissible___Qobyr",tag__node:M,tag__content:Q},o="tag",Z=e=>e?p.getContrast(e,"#FFFFFF")>4.5?"text-white":"text-black":"",U=W=>{var u=W,{className:e="",children:a,dismissible:t=!1,size:_="medium",kind:v="default",onRemove:y,outline:g=!1,leftNode:m,rightNode:d,customColor:l}=u,$=F(u,["className","children","dismissible","size","kind","onRemove","outline","leftNode","rightNode","customColor"]);const C=R(n[o],e,n[`${o}--${_}`],n[`${o}--${v}`],{[n[`${o}--dismissible`]]:t,[n[`${o}--outline`]]:g,[n[`${o}--${Z(l)}`]]:!!l}),j=_==="small"?"small":"medium",k=_==="small"?"sm":"md",q=()=>l?g?{style:{backgroundColor:"transparent",color:l,borderColor:l}}:{style:{backgroundColor:l}}:{},s=()=>{if(l)return g?l:p.getContrast(l,"#FFFFFF")>4.5?"#FFFFFF":"#000000"};return c.createElement(D.Text,x(i(i({className:C},$),q()),{as:"div",size:k}),m&&c.createElement("div",{"data-testid":"lc-tag-left-node",className:n[`${o}__node`],style:{color:s()}},m),c.createElement("div",{className:n[`${o}__content`]},a),d&&c.createElement("div",{"data-testid":"lc-tag-right-node",style:{color:s()}},d),t&&c.createElement("button",{tabIndex:-1,title:"Remove",onClick:y,type:"button","aria-label":"Remove tag",className:n[`${o}__remove`]},c.createElement(h.Icon,{"data-dismiss-icon":!0,source:O.Close,size:j,customColor:s()})))};exports.Tag=U;

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

@@ -0,0 +1,143 @@
+var I = Object.defineProperty, R = Object.defineProperties;
+var h = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var T = (t, e, a) => e in t ? I(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, m = (t, e) => {
+  for (var a in e || (e = {}))
+    f.call(e, a) && T(t, a, e[a]);
+  if (c)
+    for (var a of c(e))
+      F.call(e, a) && T(t, a, e[a]);
+  return t;
+}, x = (t, e) => R(t, h(e));
+var b = (t, e) => {
+  var a = {};
+  for (var _ in t)
+    f.call(t, _) && e.indexOf(_) < 0 && (a[_] = t[_]);
+  if (t != null && c)
+    for (var _ of c(t))
+      e.indexOf(_) < 0 && F.call(t, _) && (a[_] = t[_]);
+  return a;
+};
+import "../../index5.css";
+import * as r from "react";
+import { Close as j } from "@livechat/design-system-icons";
+import z from "clsx";
+import { getContrast as p } from "polished";
+import { Icon as D } from "../Icon/index.es.js";
+import { T as K } from "../../chunks/Text-3504b7ce.js";
+const N = "lc-Tag-module__tag___1QRVY", Q = "lc-Tag-module__tag__remove___UmtrW", S = "lc-Tag-module__icon___2Z-35", Z = "lc-Tag-module__tag__node___rZTzB", q = "lc-Tag-module__tag__content___q6vKK", o = {
+  tag: N,
+  "tag--success": "lc-Tag-module__tag--success___P2hXQ",
+  tag__remove: Q,
+  "tag--error": "lc-Tag-module__tag--error___1cjsm",
+  "tag--warning": "lc-Tag-module__tag--warning___PstMG",
+  "tag--info": "lc-Tag-module__tag--info___RTH0C",
+  "tag--purple": "lc-Tag-module__tag--purple___a0xaE",
+  "tag--black": "lc-Tag-module__tag--black___qWjfD",
+  "tag--outline": "lc-Tag-module__tag--outline___aZXtr",
+  "tag--small": "lc-Tag-module__tag--small___xfcC5",
+  "tag--medium": "lc-Tag-module__tag--medium___l5-KI",
+  "tag--large": "lc-Tag-module__tag--large___ytC6Y",
+  "tag--xlarge": "lc-Tag-module__tag--xlarge___2jj1d",
+  icon: S,
+  "tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
+  "tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
+  "tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
+  tag__node: Z,
+  tag__content: q
+}, g = "tag", P = (t) => t ? p(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", V = (U) => {
+  var u = U, {
+    className: t = "",
+    children: e,
+    dismissible: a = !1,
+    size: _ = "medium",
+    kind: v = "default",
+    onRemove: $,
+    outline: n = !1,
+    leftNode: d,
+    rightNode: i,
+    customColor: l
+  } = u, y = b(u, [
+    "className",
+    "children",
+    "dismissible",
+    "size",
+    "kind",
+    "onRemove",
+    "outline",
+    "leftNode",
+    "rightNode",
+    "customColor"
+  ]);
+  const C = z(
+    o[g],
+    t,
+    o[`${g}--${_}`],
+    o[`${g}--${v}`],
+    {
+      [o[`${g}--dismissible`]]: a,
+      [o[`${g}--outline`]]: n,
+      [o[`${g}--${P(l)}`]]: !!l
+    }
+  ), k = _ === "small" ? "small" : "medium", E = _ === "small" ? "sm" : "md", w = () => l ? n ? {
+    style: {
+      backgroundColor: "transparent",
+      color: l,
+      borderColor: l
+    }
+  } : { style: { backgroundColor: l } } : {}, s = () => {
+    if (l)
+      return n ? l : p(l, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
+  };
+  return /* @__PURE__ */ r.createElement(
+    K,
+    x(m(m({
+      className: C
+    }, y), w()), {
+      as: "div",
+      size: E
+    }),
+    d && /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        "data-testid": "lc-tag-left-node",
+        className: o[`${g}__node`],
+        style: { color: s() }
+      },
+      d
+    ),
+    /* @__PURE__ */ r.createElement("div", { className: o[`${g}__content`] }, e),
+    i && /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        "data-testid": "lc-tag-right-node",
+        style: { color: s() }
+      },
+      i
+    ),
+    a && /* @__PURE__ */ r.createElement(
+      "button",
+      {
+        tabIndex: -1,
+        title: "Remove",
+        onClick: $,
+        type: "button",
+        "aria-label": "Remove tag",
+        className: o[`${g}__remove`]
+      },
+      /* @__PURE__ */ r.createElement(
+        D,
+        {
+          "data-dismiss-icon": !0,
+          source: j,
+          size: k,
+          customColor: s()
+        }
+      )
+    )
+  );
+};
+export {
+  V as Tag
+};

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

@@ -0,0 +1 @@
+var G=Object.defineProperty,X=Object.defineProperties;var A=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var S=(t,e,n)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,I=(t,e)=>{for(var n in e||(e={}))P.call(e,n)&&S(t,n,e[n]);if(b)for(var n of b(e))V.call(e,n)&&S(t,n,e[n]);return t},D=(t,e)=>X(t,A(e));var K=(t,e)=>{var n={};for(var a in t)P.call(t,a)&&e.indexOf(a)<0&&(n[a]=t[a]);if(t!=null&&b)for(var a of b(t))e.indexOf(a)<0&&V.call(t,a)&&(n[a]=t[a]);return n};var _e=require("../../index4.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),q=require("clsx"),i=require("../../chunks/keyCodes-c4c35e49.js"),Q=require("../FieldError/index.cjs.js"),U=require("../../chunks/Text-2356ec2a.js"),W=require("../Tag/index.cjs.js"),w=require("lodash.escape");function Z(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=Z(J),ee=({className:t="",innerEditableRef:e,inputRef:n,change:a,remove:u,value:m})=>{const[_,d]=o.useState(!1),s=()=>e.current,p=()=>{const r=s();return r?r.innerText:""},x=()=>{n&&n.current&&n.current.focus()},v=r=>{if(r.key===i.KeyCodes.enter){r.preventDefault(),x();return}r.key===i.KeyCodes.backspace&&p()===""&&(d(!0),u(),x())},O=()=>{const r=s();if(!(_||!r)){if(r.innerText===""){u();return}a(r.innerText)}},y=r=>{r.preventDefault();const C=r.clipboardData.getData("text/plain");document.execCommand("insertHTML",!1,w(C))};return o.createElement("div",{ref:e,className:t,contentEditable:!0,onPaste:y,onBlur:O,onKeyDown:v,dangerouslySetInnerHTML:{__html:w(m)}})},T={"tag-input":"lc-TagInput-module__tag-input___CLVY-","tag-input--error":"lc-TagInput-module__tag-input--error___RP0SB","tag-input__input":"lc-TagInput-module__tag-input__input___dgEYB","tag-input__input--medium":"lc-TagInput-module__tag-input__input--medium___DYF7X","tag-input__input--large":"lc-TagInput-module__tag-input__input--large___G6iEO","tag-input__tag__content":"lc-TagInput-module__tag-input__tag__content___x95-M"},te="tag-input__tag",ne=({children:t,index:e,remove:n,validator:a,inputRef:u,update:m,size:_})=>{const d=o.useMemo(()=>a!==void 0?a(t):!0,[t,a]),s=o.useRef(null),p=()=>n(e);return o.createElement(W.Tag,{kind:d?"default":"error",dismissible:!0,size:_,onRemove:p},o.createElement(ee,{value:t,inputRef:u,innerEditableRef:s,className:T[`${te}__content`],change:x=>m(e,x),remove:p,validator:a}))},E="tag-input",ae=[i.KeyCodes.enter,i.KeyCodes.spacebar,i.KeyCodes.tab,i.KeyCodes.semicolon,i.KeyCodes.comma],ce=[i.KeyCodes.backspace,i.KeyCodes.delete],h=O=>{var y=O,{id:t,tags:e,onChange:n,validator:a,error:u,placeholder:m,size:_="medium",className:d,inputClassName:s,onBlur:p,addOnBlur:x=!0}=y,v=K(y,["id","tags","onChange","validator","error","placeholder","size","className","inputClassName","onBlur","addOnBlur"]);const r=q(T[E],{[T[`${E}--error`]]:u},d),C=q(s,T[`${E}__input`],T[`${E}__input--${_}`]),[f,$]=o.useState(""),k=o.useRef(null),z=c=>{n([...e||[],c]),$("")},R=c=>{const l=[...e||[]];l.splice(c,1),n(l)},M=c=>$(c.target.value),N=c=>{if(ae.includes(c.key)){if(c.preventDefault(),f==="")return;z(f)}else if(ce.includes(c.key)){if(f!==""||!(e!=null&&e.length))return;R(e.length-1)}},j=c=>{x&&z(f),p==null||p(c)},F=(c,l)=>{const g=[...e||[]];g.reduce((Y,H,B)=>Y+(H===l&&B!==c?1:0),0)>0?g.splice(c,1):g[c]=l,n(g)},L=c=>{c.preventDefault();const g=c.clipboardData.getData("text/plain").split(/[\s,;\n]+/);n([...e||[],...g])};return o.createElement(o.Fragment,null,o.createElement(U.Text,{as:"div",className:r},e==null?void 0:e.map((c,l)=>o.createElement(ne,{index:l,key:`${l}${c}`,update:F,remove:R,inputRef:k,validator:a,size:_},c)),o.createElement("input",D(I({},v),{id:t,ref:k,className:C,placeholder:m,value:f,onChange:M,onKeyDown:N,onPaste:L,onBlur:j}))),u&&o.createElement(Q.FieldError,null,u))},re=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i,oe="name@company.com",ue=t=>re.test(t),se=d=>{var s=d,{id:t,tags:e,onChange:n,error:a,placeholder:u=oe,size:m}=s,_=K(s,["id","tags","onChange","error","placeholder","size"]);return o.createElement(h,D(I({},_),{id:t,tags:e,error:a,onChange:n,placeholder:u,validator:ue,size:m}))};exports.EmailTagInput=se;exports.TagInput=h;

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

@@ -0,0 +1,241 @@
+var X = Object.defineProperty, j = Object.defineProperties;
+var q = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var w = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
+var h = (t, e, n) => e in t ? X(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, D = (t, e) => {
+  for (var n in e || (e = {}))
+    w.call(e, n) && h(t, n, e[n]);
+  if (E)
+    for (var n of E(e))
+      N.call(e, n) && h(t, n, e[n]);
+  return t;
+}, $ = (t, e) => j(t, q(e));
+var z = (t, e) => {
+  var n = {};
+  for (var r in t)
+    w.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && E)
+    for (var r of E(t))
+      e.indexOf(r) < 0 && N.call(t, r) && (n[r] = t[r]);
+  return n;
+};
+import "../../index4.css";
+import * as u from "react";
+import O from "clsx";
+import { K as i } from "../../chunks/keyCodes-30323e90.js";
+import { FieldError as A } from "../FieldError/index.es.js";
+import { T as J } from "../../chunks/Text-3504b7ce.js";
+import { Tag as Q } from "../Tag/index.es.js";
+import P from "lodash.escape";
+const U = ({
+  className: t = "",
+  innerEditableRef: e,
+  inputRef: n,
+  change: r,
+  remove: o,
+  value: _
+}) => {
+  const [m, x] = u.useState(!1), s = () => e.current, p = () => {
+    const c = s();
+    return c ? c.innerText : "";
+  }, f = () => {
+    n && n.current && n.current.focus();
+  }, y = (c) => {
+    if (c.key === i.enter) {
+      c.preventDefault(), f();
+      return;
+    }
+    c.key === i.backspace && p() === "" && (x(!0), o(), f());
+  }, R = () => {
+    const c = s();
+    if (!(m || !c)) {
+      if (c.innerText === "") {
+        o();
+        return;
+      }
+      r(c.innerText);
+    }
+  }, b = (c) => {
+    c.preventDefault();
+    const I = c.clipboardData.getData("text/plain");
+    document.execCommand("insertHTML", !1, P(I));
+  };
+  return /* @__PURE__ */ u.createElement(
+    "div",
+    {
+      ref: e,
+      className: t,
+      contentEditable: !0,
+      onPaste: b,
+      onBlur: R,
+      onKeyDown: y,
+      dangerouslySetInnerHTML: { __html: P(_) }
+    }
+  );
+}, T = {
+  "tag-input": "lc-TagInput-module__tag-input___CLVY-",
+  "tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
+  "tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
+  "tag-input__input--medium": "lc-TagInput-module__tag-input__input--medium___DYF7X",
+  "tag-input__input--large": "lc-TagInput-module__tag-input__input--large___G6iEO",
+  "tag-input__tag__content": "lc-TagInput-module__tag-input__tag__content___x95-M"
+}, W = "tag-input__tag", Z = ({
+  children: t,
+  index: e,
+  remove: n,
+  validator: r,
+  inputRef: o,
+  update: _,
+  size: m
+}) => {
+  const x = u.useMemo(() => r !== void 0 ? r(t) : !0, [t, r]), s = u.useRef(null), p = () => n(e);
+  return /* @__PURE__ */ u.createElement(
+    Q,
+    {
+      kind: x ? "default" : "error",
+      dismissible: !0,
+      size: m,
+      onRemove: p
+    },
+    /* @__PURE__ */ u.createElement(
+      U,
+      {
+        value: t,
+        inputRef: o,
+        innerEditableRef: s,
+        className: T[`${W}__content`],
+        change: (f) => _(e, f),
+        remove: p,
+        validator: r
+      }
+    )
+  );
+}, v = "tag-input", ee = [
+  i.enter,
+  i.spacebar,
+  i.tab,
+  i.semicolon,
+  i.comma
+], te = [i.backspace, i.delete], ne = (R) => {
+  var b = R, {
+    id: t,
+    tags: e,
+    onChange: n,
+    validator: r,
+    error: o,
+    placeholder: _,
+    size: m = "medium",
+    className: x,
+    inputClassName: s,
+    onBlur: p,
+    addOnBlur: f = !0
+  } = b, y = z(b, [
+    "id",
+    "tags",
+    "onChange",
+    "validator",
+    "error",
+    "placeholder",
+    "size",
+    "className",
+    "inputClassName",
+    "onBlur",
+    "addOnBlur"
+  ]);
+  const c = O(
+    T[v],
+    {
+      [T[`${v}--error`]]: o
+    },
+    x
+  ), I = O(
+    s,
+    T[`${v}__input`],
+    T[`${v}__input--${m}`]
+  ), [g, k] = u.useState(""), V = u.useRef(null), C = (a) => {
+    n([...e || [], a]), k("");
+  }, K = (a) => {
+    const l = [...e || []];
+    l.splice(a, 1), n(l);
+  }, S = (a) => k(a.target.value), M = (a) => {
+    if (ee.includes(a.key)) {
+      if (a.preventDefault(), g === "")
+        return;
+      C(g);
+    } else if (te.includes(a.key)) {
+      if (g !== "" || !(e != null && e.length))
+        return;
+      K(e.length - 1);
+    }
+  }, F = (a) => {
+    f && C(g), p == null || p(a);
+  }, L = (a, l) => {
+    const d = [...e || []];
+    d.reduce(
+      (H, B, G) => H + (B === l && G !== a ? 1 : 0),
+      0
+    ) > 0 ? d.splice(a, 1) : d[a] = l, n(d);
+  }, Y = (a) => {
+    a.preventDefault();
+    const d = a.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
+    n([...e || [], ...d]);
+  };
+  return /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement(J, { as: "div", className: c }, e == null ? void 0 : e.map((a, l) => /* @__PURE__ */ u.createElement(
+    Z,
+    {
+      index: l,
+      key: `${l}${a}`,
+      update: L,
+      remove: K,
+      inputRef: V,
+      validator: r,
+      size: m
+    },
+    a
+  )), /* @__PURE__ */ u.createElement(
+    "input",
+    $(D({}, y), {
+      id: t,
+      ref: V,
+      className: I,
+      placeholder: _,
+      value: g,
+      onChange: S,
+      onKeyDown: M,
+      onPaste: Y,
+      onBlur: F
+    })
+  )), o && /* @__PURE__ */ u.createElement(A, null, o));
+}, ae = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, re = "name@company.com", ce = (t) => ae.test(t), fe = (x) => {
+  var s = x, {
+    id: t,
+    tags: e,
+    onChange: n,
+    error: r,
+    placeholder: o = re,
+    size: _
+  } = s, m = z(s, [
+    "id",
+    "tags",
+    "onChange",
+    "error",
+    "placeholder",
+    "size"
+  ]);
+  return /* @__PURE__ */ u.createElement(
+    ne,
+    $(D({}, m), {
+      id: t,
+      tags: e,
+      error: r,
+      onChange: n,
+      placeholder: o,
+      validator: ce,
+      size: _
+    })
+  );
+};
+export {
+  fe as EmailTagInput,
+  ne as TagInput
+};

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

@@ -0,0 +1 @@
+var S=Object.defineProperty,q=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var x=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,b=(e,a)=>{for(var t in a||(a={}))f.call(a,t)&&x(e,t,a[t]);if(s)for(var t of s(a))m.call(a,t)&&x(e,t,a[t]);return e},T=(e,a)=>q(e,E(a));var g=(e,a)=>{var t={};for(var r in e)f.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))a.indexOf(r)<0&&m.call(e,r)&&(t[r]=e[r]);return t};var G=require("../../index3.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react"),N=require("clsx"),R=require("../../chunks/Text-2356ec2a.js");function $(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const c=$(F),h="lc-Textarea-module__textarea___g6U8F",o={textarea:h,"textarea--focused":"lc-Textarea-module__textarea--focused___1vtEx","textarea--disabled":"lc-Textarea-module__textarea--disabled___xXaGv","textarea--error":"lc-Textarea-module__textarea--error___0EGuq"},n="textarea",w=c.forwardRef((C,r)=>{var _=C,{className:e,error:a}=_,t=g(_,["className","error"]);const{disabled:O,onBlur:l,onFocus:u}=t,[p,i]=c.useState(!1),y=N(e,o[n],{[o[`${n}--disabled`]]:O,[o[`${n}--focused`]]:p,[o[`${n}--error`]]:a}),j=d=>{i(!1),l==null||l(d)},v=d=>{i(!0),u==null||u(d)};return c.createElement(R.Text,{as:"div",className:y},c.createElement("textarea",T(b({},t),{ref:r,onFocus:v,onBlur:j})))});exports.Textarea=w;