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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("clsx"),i=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");function m(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const _=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,_.get?_:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const a=m(c),u="lc-Loader-module__loader___LRflD",p="lc-Loader-module__loader__spinner___l3C1g",b="lc-Loader-module__rotate___Tlni-",f="lc-Loader-module__loader__label___R74f6",o={loader:u,loader__spinner:p,"loader__spinner--small":"lc-Loader-module__loader__spinner--small___dGFFt","loader__spinner--medium":"lc-Loader-module__loader__spinner--medium___J-ki0","loader__spinner--large":"lc-Loader-module__loader__spinner--large___Poqq7","loader__spinner-circle":"lc-Loader-module__loader__spinner-circle___ApBUO",rotate:b,loader__label:f},d="loader",t=`${d}__spinner`,L=({primaryColor:e,secondaryColor:l,label:r,className:_,size:s="medium"})=>a.createElement("div",{className:n(o[d],_)},a.createElement("div",{className:n(o[t],o[`${t}--${s}`])},a.createElement("div",{className:o["loader__spinner-circle"],style:{borderColor:l,borderTopColor:e}})),r&&a.createElement(i.Text,{as:"div",size:"md",className:o.loader__label},r));exports.Loader=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("clsx");require("../../chunks/Typography.module-2558416b.js");const i=require("../../chunks/Text-df483689.js");function m(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const _=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,_.get?_:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const a=m(c),u="lc-Loader-module__loader___LRflD",p="lc-Loader-module__loader__spinner___l3C1g",b="lc-Loader-module__rotate___Tlni-",f="lc-Loader-module__loader__label___R74f6",o={loader:u,loader__spinner:p,"loader__spinner--small":"lc-Loader-module__loader__spinner--small___dGFFt","loader__spinner--medium":"lc-Loader-module__loader__spinner--medium___J-ki0","loader__spinner--large":"lc-Loader-module__loader__spinner--large___Poqq7","loader__spinner-circle":"lc-Loader-module__loader__spinner-circle___ApBUO",rotate:b,loader__label:f},d="loader",t=`${d}__spinner`,L=({primaryColor:e,secondaryColor:l,label:r,className:_,size:s="medium"})=>a.createElement("div",{className:n(o[d],_)},a.createElement("div",{className:n(o[t],o[`${t}--${s}`])},a.createElement("div",{className:o["loader__spinner-circle"],style:{borderColor:l,borderTopColor:e}})),r&&a.createElement(i.Text,{as:"div",size:"md",className:o.loader__label},r));exports.Loader=L;

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

@@ -1,7 +1,7 @@
 import * as _ from "react";
 import l from "clsx";
-import { T as c } from "../../chunks/Text-b31d1e9a.js";
 import "../../chunks/Typography.module-93efb34d.js";
+import { T as c } from "../../chunks/Text-b31d1e9a.js";
 const m = "lc-Loader-module__loader___LRflD", i = "lc-Loader-module__loader__spinner___l3C1g", p = "lc-Loader-module__rotate___Tlni-", u = "lc-Loader-module__loader__label___R74f6", e = {
   loader: m,
   loader__spinner: i,

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

@@ -1 +1 @@
-"use strict";var B=Object.defineProperty;var v=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var k=(a,l,e)=>l in a?B(a,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[l]=e,u=(a,l)=>{for(var e in l||(l={}))x.call(l,e)&&k(a,e,l[e]);if(v)for(var e of v(l))H.call(l,e)&&k(a,e,l[e]);return a};var E=(a,l)=>{var e={};for(var o in a)x.call(a,o)&&l.indexOf(o)<0&&(e[o]=a[o]);if(a!=null&&v)for(var o of v(a))l.indexOf(o)<0&&H.call(a,o)&&(e[o]=a[o]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),y=require("clsx"),C=require("../../chunks/Heading-617540b6.js"),O=require("../../chunks/Text-df483689.js"),z=require("@floating-ui/react"),D=require("../../chunks/keyCodes-c4c35e49.js"),F=require("@livechat/design-system-icons"),K=require("../Button/index.cjs.js"),S=require("../Icon/index.cjs.js"),P=require("react-dom"),R=require("@emotion/css"),I=require("../Avatar/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("../Loader/index.cjs.js");require("polished");function T(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(l,e,o.get?o:{enumerable:!0,get:()=>a[e]})}}return l.default=a,Object.freeze(l)}const t=T(j),w=T(P),A="lc-Modal-module__modal__body___M-jmN",G="lc-Modal-module__modal__header___Fp5VE",U="lc-Modal-module__modal__heading___G9KVK",V="lc-Modal-module__modal__footer___2LYdc",d={"modal-base":"lc-Modal-module__modal-base___hbL1U","modal-base--full-space":"lc-Modal-module__modal-base--full-space___KcGFL","modal-base__overlay":"lc-Modal-module__modal-base__overlay___kCQ8t","modal-base__overlay--visible":"lc-Modal-module__modal-base__overlay--visible___zUNJL","modal-base__overlay--labelled":"lc-Modal-module__modal-base__overlay--labelled___THAo-","modal-base__close":"lc-Modal-module__modal-base__close___gJlgr","modal-base__close--label-type":"lc-Modal-module__modal-base__close--label-type___Om0Vb",modal__body:A,modal__header:G,"modal__label-header":"lc-Modal-module__modal__label-header___ZPtEy",modal__heading:U,"modal__label-heading":"lc-Modal-module__modal__label-heading___WnYcF",modal__footer:V},b="modal-base",L=$=>{var f=$,{children:a,className:l="",onClose:e,closeOnEscPress:o=!0,closeOnOverlayPress:_=!0,fullSpaceContent:s,isLabelled:r}=f,M=E(f,["children","className","onClose","closeOnEscPress","closeOnOverlayPress","fullSpaceContent","isLabelled"]);const g=y(d[b],l,s&&d[`${b}--full-space`]);t.useEffect(()=>{if(!o)return;const c=h=>{h.key===D.KeyCodes.esc&&e()};return document.addEventListener("keyup",c,!0),()=>document.removeEventListener("keyup",c,!0)},[o]);const p=c=>{_&&c.target===c.currentTarget&&e()};return t.createElement(z.FloatingOverlay,{"data-testid":"lc-modal-overlay",onMouseDown:p,className:y(d[`${b}__overlay`],d[`${b}__overlay--visible`],r&&d[`${b}__overlay--labelled`])},t.createElement("div",u({role:"dialog","aria-modal":!0,className:g},M),a))},N=({labelType:a,customColor:l,onClick:e})=>t.createElement(K.Button,{type:"button",kind:"plain","aria-label":"Close modal",title:"Close modal",className:y(d["modal-base__close"],a&&d["modal-base__close--label-type"]),onClick:e,icon:t.createElement(S.Icon,{source:F.Close,size:"medium",customColor:l})}),n="modal",J=f=>{var g=f,{children:a,className:l="",heading:e,labelHeading:o,fullSpaceContent:_,footer:s,onClose:r,contentClassName:M}=g,$=E(g,["children","className","heading","labelHeading","fullSpaceContent","footer","onClose","contentClassName"]);const p=y(d[n],l),c=typeof a=="string",h=q=>{q.preventDefault(),q.stopPropagation(),r()};return t.createElement(L,u({className:p,fullSpaceContent:_,onClose:r,isLabelled:!!o},$),o&&t.createElement("div",{className:d[`${n}__label-header`]},t.createElement(C.Heading,{size:"md",as:"div",className:d[`${n}__label-heading`]},o),t.createElement(N,{labelType:!!o,customColor:"var(--color-white)",onClick:h})),!o&&e&&t.createElement("div",{className:d[`${n}__header`]},t.createElement(C.Heading,{size:"md",as:"div",className:d[`${n}__heading`]},e),t.createElement(N,{onClick:h})),t.createElement("div",{"data-testid":"modal-body",className:y(d[`${n}__body`],M)},c?t.createElement(O.Text,{as:"div"},a):a),s&&t.createElement("div",{className:d[`${n}__footer`]},s))},Y=({children:a,className:l="",parentElementName:e="body",zIndex:o})=>{const[_]=t.useState(()=>document.createElement("div"));return l&&_.classList.add(l),o&&(_.style.zIndex=o.toString()),t.useEffect(()=>{var s;return(s=document.querySelector(e))==null||s.appendChild(_),()=>{var r;(r=document.querySelector(e))==null||r.removeChild(_)}},[e]),t.createElement(t.Fragment,null,w.createPortal(a,_))},m={"modal-header":"lc-ModalHeader-module__modal-header___xk3bd","modal-header__heading-left-node":"lc-ModalHeader-module__modal-header__heading-left-node___1--G5","modal-header__heading-body":"lc-ModalHeader-module__modal-header__heading-body___HHEF-","modal-header__heading-title":"lc-ModalHeader-module__modal-header__heading-title___2R9pm","modal-header__heading-description":"lc-ModalHeader-module__modal-header__heading-description___54Xvf"},i="modal-header",Q=({title:a,iconProps:l,avatarProps:e,children:o,className:_=""})=>{const s=R.cx(m[i],_);return t.createElement("div",{className:s},l&&t.createElement(S.Icon,u({className:m[`${i}__heading-left-node`]},l)),e&&t.createElement(I.Avatar,u({className:m[`${i}__heading-left-node`]},e)),t.createElement("div",{className:m[`${i}__heading-body`]},t.createElement(C.Heading,{as:"div",size:"md",className:m[`${i}__heading-title`]},a),o&&t.createElement(O.Text,{as:"div",className:m[`${i}__heading-description`]},o)))};exports.Modal=J;exports.ModalBase=L;exports.ModalCloseButton=N;exports.ModalHeader=Q;exports.ModalPortal=Y;
+"use strict";var B=Object.defineProperty;var v=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var k=(a,l,e)=>l in a?B(a,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[l]=e,b=(a,l)=>{for(var e in l||(l={}))H.call(l,e)&&k(a,e,l[e]);if(v)for(var e of v(l))O.call(l,e)&&k(a,e,l[e]);return a};var E=(a,l)=>{var e={};for(var o in a)H.call(a,o)&&l.indexOf(o)<0&&(e[o]=a[o]);if(a!=null&&v)for(var o of v(a))l.indexOf(o)<0&&O.call(a,o)&&(e[o]=a[o]);return e};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),u=require("clsx"),C=require("../../chunks/Heading-617540b6.js"),x=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");const z=require("@floating-ui/react"),D=require("../../chunks/keyCodes-c4c35e49.js"),F=require("@livechat/design-system-icons"),K=require("../Button/index.cjs.js"),S=require("../Icon/index.cjs.js"),P=require("react-dom"),R=require("../Avatar/index.cjs.js");require("../Loader/index.cjs.js");require("polished");function T(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(l,e,o.get?o:{enumerable:!0,get:()=>a[e]})}}return l.default=a,Object.freeze(l)}const t=T(j),I=T(P),w="lc-Modal-module__modal__body___M-jmN",A="lc-Modal-module__modal__header___Fp5VE",G="lc-Modal-module__modal__heading___G9KVK",U="lc-Modal-module__modal__footer___2LYdc",d={"modal-base":"lc-Modal-module__modal-base___hbL1U","modal-base--full-space":"lc-Modal-module__modal-base--full-space___KcGFL","modal-base__overlay":"lc-Modal-module__modal-base__overlay___kCQ8t","modal-base__overlay--visible":"lc-Modal-module__modal-base__overlay--visible___zUNJL","modal-base__overlay--labelled":"lc-Modal-module__modal-base__overlay--labelled___THAo-","modal-base__close":"lc-Modal-module__modal-base__close___gJlgr","modal-base__close--label-type":"lc-Modal-module__modal-base__close--label-type___Om0Vb",modal__body:w,modal__header:A,"modal__label-header":"lc-Modal-module__modal__label-header___ZPtEy",modal__heading:G,"modal__label-heading":"lc-Modal-module__modal__label-heading___WnYcF",modal__footer:U},y="modal-base",L=$=>{var f=$,{children:a,className:l="",onClose:e,closeOnEscPress:o=!0,closeOnOverlayPress:_=!0,fullSpaceContent:s,isLabelled:r}=f,M=E(f,["children","className","onClose","closeOnEscPress","closeOnOverlayPress","fullSpaceContent","isLabelled"]);const g=u(d[y],l,s&&d[`${y}--full-space`]);t.useEffect(()=>{if(!o)return;const c=h=>{h.key===D.KeyCodes.esc&&e()};return document.addEventListener("keyup",c,!0),()=>document.removeEventListener("keyup",c,!0)},[o]);const p=c=>{_&&c.target===c.currentTarget&&e()};return t.createElement(z.FloatingOverlay,{"data-testid":"lc-modal-overlay",onMouseDown:p,className:u(d[`${y}__overlay`],d[`${y}__overlay--visible`],r&&d[`${y}__overlay--labelled`])},t.createElement("div",b({role:"dialog","aria-modal":!0,className:g},M),a))},N=({labelType:a,customColor:l,onClick:e})=>t.createElement(K.Button,{type:"button",kind:"plain","aria-label":"Close modal",title:"Close modal",className:u(d["modal-base__close"],a&&d["modal-base__close--label-type"]),onClick:e,icon:t.createElement(S.Icon,{source:F.Close,size:"medium",customColor:l})}),n="modal",V=f=>{var g=f,{children:a,className:l="",heading:e,labelHeading:o,fullSpaceContent:_,footer:s,onClose:r,contentClassName:M}=g,$=E(g,["children","className","heading","labelHeading","fullSpaceContent","footer","onClose","contentClassName"]);const p=u(d[n],l),c=typeof a=="string",h=q=>{q.preventDefault(),q.stopPropagation(),r()};return t.createElement(L,b({className:p,fullSpaceContent:_,onClose:r,isLabelled:!!o},$),o&&t.createElement("div",{className:d[`${n}__label-header`]},t.createElement(C.Heading,{size:"md",as:"div",className:d[`${n}__label-heading`]},o),t.createElement(N,{labelType:!!o,customColor:"var(--color-white)",onClick:h})),!o&&e&&t.createElement("div",{className:d[`${n}__header`]},t.createElement(C.Heading,{size:"md",as:"div",className:d[`${n}__heading`]},e),t.createElement(N,{onClick:h})),t.createElement("div",{"data-testid":"modal-body",className:u(d[`${n}__body`],M)},c?t.createElement(x.Text,{as:"div"},a):a),s&&t.createElement("div",{className:d[`${n}__footer`]},s))},J=({children:a,className:l="",parentElementName:e="body",zIndex:o})=>{const[_]=t.useState(()=>document.createElement("div"));return l&&_.classList.add(l),o&&(_.style.zIndex=o.toString()),t.useEffect(()=>{var s;return(s=document.querySelector(e))==null||s.appendChild(_),()=>{var r;(r=document.querySelector(e))==null||r.removeChild(_)}},[e]),t.createElement(t.Fragment,null,I.createPortal(a,_))},m={"modal-header":"lc-ModalHeader-module__modal-header___xk3bd","modal-header__heading-left-node":"lc-ModalHeader-module__modal-header__heading-left-node___1--G5","modal-header__heading-body":"lc-ModalHeader-module__modal-header__heading-body___HHEF-","modal-header__heading-title":"lc-ModalHeader-module__modal-header__heading-title___2R9pm","modal-header__heading-description":"lc-ModalHeader-module__modal-header__heading-description___54Xvf"},i="modal-header",Y=({title:a,iconProps:l,avatarProps:e,children:o,className:_=""})=>{const s=u(m[i],_);return t.createElement("div",{className:s},l&&t.createElement(S.Icon,b({className:m[`${i}__heading-left-node`]},l)),e&&t.createElement(R.Avatar,b({className:m[`${i}__heading-left-node`]},e)),t.createElement("div",{className:m[`${i}__heading-body`]},t.createElement(C.Heading,{as:"div",size:"md",className:m[`${i}__heading-title`]},a),o&&t.createElement(x.Text,{as:"div",className:m[`${i}__heading-description`]},o)))};exports.Modal=V;exports.ModalBase=L;exports.ModalCloseButton=N;exports.ModalHeader=Y;exports.ModalPortal=J;

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

@@ -1,12 +1,12 @@
-var T = Object.defineProperty;
+var x = Object.defineProperty;
 var f = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
-var k = (a, l, e) => l in a ? T(a, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[l] = e, u = (a, l) => {
+var L = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable;
+var k = (a, l, e) => l in a ? x(a, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[l] = e, b = (a, l) => {
   for (var e in l || (l = {}))
     L.call(l, e) && k(a, e, l[e]);
   if (f)
     for (var e of f(l))
-      x.call(l, e) && k(a, e, l[e]);
+      H.call(l, e) && k(a, e, l[e]);
   return a;
 };
 var M = (a, l) => {
@@ -15,25 +15,24 @@ var M = (a, l) => {
     L.call(a, _) && l.indexOf(_) < 0 && (e[_] = a[_]);
   if (a != null && f)
     for (var _ of f(a))
-      l.indexOf(_) < 0 && x.call(a, _) && (e[_] = a[_]);
+      l.indexOf(_) < 0 && H.call(a, _) && (e[_] = a[_]);
   return e;
 };
 import * as o from "react";
-import h from "clsx";
+import u from "clsx";
 import { H as C } from "../../chunks/Heading-6b95d08b.js";
-import { T as F } from "../../chunks/Text-b31d1e9a.js";
+import { T as K } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 import { FloatingOverlay as z } from "@floating-ui/react";
 import { K as B } from "../../chunks/keyCodes-30323e90.js";
 import { Close as S } from "@livechat/design-system-icons";
 import { Button as D } from "../Button/index.es.js";
-import { Icon as K } from "../Icon/index.es.js";
+import { Icon as T } from "../Icon/index.es.js";
 import * as G from "react-dom";
-import { cx as O } from "@emotion/css";
-import { Avatar as R } from "../Avatar/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
+import { Avatar as O } from "../Avatar/index.es.js";
 import "../Loader/index.es.js";
 import "polished";
-const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__header___Fp5VE", q = "lc-Modal-module__modal__heading___G9KVK", w = "lc-Modal-module__modal__footer___2LYdc", d = {
+const R = "lc-Modal-module__modal__body___M-jmN", U = "lc-Modal-module__modal__header___Fp5VE", V = "lc-Modal-module__modal__heading___G9KVK", q = "lc-Modal-module__modal__footer___2LYdc", d = {
   "modal-base": "lc-Modal-module__modal-base___hbL1U",
   "modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
   "modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
@@ -41,14 +40,14 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
   "modal-base__overlay--labelled": "lc-Modal-module__modal-base__overlay--labelled___THAo-",
   "modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
   "modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
-  modal__body: U,
-  modal__header: V,
+  modal__body: R,
+  modal__header: U,
   "modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
-  modal__heading: q,
+  modal__heading: V,
   "modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
-  modal__footer: w
-}, b = "modal-base", A = ($) => {
-  var g = $, {
+  modal__footer: q
+}, h = "modal-base", w = (N) => {
+  var g = N, {
     children: a,
     className: l = "",
     onClose: e,
@@ -65,10 +64,10 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
     "fullSpaceContent",
     "isLabelled"
   ]);
-  const y = h(
-    d[b],
+  const y = u(
+    d[h],
     l,
-    m && d[`${b}--full-space`]
+    m && d[`${h}--full-space`]
   );
   o.useEffect(() => {
     if (!_)
@@ -86,15 +85,15 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
     {
       "data-testid": "lc-modal-overlay",
       onMouseDown: E,
-      className: h(
-        d[`${b}__overlay`],
-        d[`${b}__overlay--visible`],
-        s && d[`${b}__overlay--labelled`]
+      className: u(
+        d[`${h}__overlay`],
+        d[`${h}__overlay--visible`],
+        s && d[`${h}__overlay--labelled`]
       )
     },
     /* @__PURE__ */ o.createElement(
       "div",
-      u({
+      b({
         role: "dialog",
         "aria-modal": !0,
         className: y
@@ -102,7 +101,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
       a
     )
   );
-}, H = ({
+}, F = ({
   labelType: a,
   customColor: l,
   onClick: e
@@ -113,14 +112,14 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
     kind: "plain",
     "aria-label": "Close modal",
     title: "Close modal",
-    className: h(
+    className: u(
       d["modal-base__close"],
       a && d["modal-base__close--label-type"]
     ),
     onClick: e,
-    icon: /* @__PURE__ */ o.createElement(K, { source: S, size: "medium", customColor: l })
+    icon: /* @__PURE__ */ o.createElement(T, { source: S, size: "medium", customColor: l })
   }
-), c = "modal", de = (g) => {
+), c = "modal", oe = (g) => {
   var y = g, {
     children: a,
     className: l = "",
@@ -130,7 +129,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
     footer: m,
     onClose: s,
     contentClassName: v
-  } = y, $ = M(y, [
+  } = y, N = M(y, [
     "children",
     "className",
     "heading",
@@ -140,17 +139,17 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
     "onClose",
     "contentClassName"
   ]);
-  const E = h(d[c], l), r = typeof a == "string", p = (N) => {
-    N.preventDefault(), N.stopPropagation(), s();
+  const E = u(d[c], l), r = typeof a == "string", p = ($) => {
+    $.preventDefault(), $.stopPropagation(), s();
   };
   return /* @__PURE__ */ o.createElement(
-    A,
-    u({
+    w,
+    b({
       className: E,
       fullSpaceContent: t,
       onClose: s,
       isLabelled: !!_
-    }, $),
+    }, N),
     _ && /* @__PURE__ */ o.createElement("div", { className: d[`${c}__label-header`] }, /* @__PURE__ */ o.createElement(
       C,
       {
@@ -160,7 +159,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
       },
       _
     ), /* @__PURE__ */ o.createElement(
-      H,
+      F,
       {
         labelType: !!_,
         customColor: "var(--color-white)",
@@ -175,18 +174,18 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
         className: d[`${c}__heading`]
       },
       e
-    ), /* @__PURE__ */ o.createElement(H, { onClick: p })),
+    ), /* @__PURE__ */ o.createElement(F, { onClick: p })),
     /* @__PURE__ */ o.createElement(
       "div",
       {
         "data-testid": "modal-body",
-        className: h(d[`${c}__body`], v)
+        className: u(d[`${c}__body`], v)
       },
-      r ? /* @__PURE__ */ o.createElement(F, { as: "div" }, a) : a
+      r ? /* @__PURE__ */ o.createElement(K, { as: "div" }, a) : a
     ),
     m && /* @__PURE__ */ o.createElement("div", { className: d[`${c}__footer`] }, m)
   );
-}, te = ({
+}, _e = ({
   children: a,
   className: l = "",
   parentElementName: e = "body",
@@ -206,22 +205,22 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
   "modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
   "modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
   "modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
-}, i = "modal-header", me = ({
+}, i = "modal-header", de = ({
   title: a,
   iconProps: l,
   avatarProps: e,
   children: _,
   className: t = ""
 }) => {
-  const m = O(n[i], t);
+  const m = u(n[i], t);
   return /* @__PURE__ */ o.createElement("div", { className: m }, l && /* @__PURE__ */ o.createElement(
-    K,
-    u({
+    T,
+    b({
       className: n[`${i}__heading-left-node`]
     }, l)
   ), e && /* @__PURE__ */ o.createElement(
-    R,
-    u({
+    O,
+    b({
       className: n[`${i}__heading-left-node`]
     }, e)
   ), /* @__PURE__ */ o.createElement("div", { className: n[`${i}__heading-body`] }, /* @__PURE__ */ o.createElement(
@@ -233,7 +232,7 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
     },
     a
   ), _ && /* @__PURE__ */ o.createElement(
-    F,
+    K,
     {
       as: "div",
       className: n[`${i}__heading-description`]
@@ -242,9 +241,9 @@ const U = "lc-Modal-module__modal__body___M-jmN", V = "lc-Modal-module__modal__h
   )));
 };
 export {
-  de as Modal,
-  A as ModalBase,
-  H as ModalCloseButton,
-  me as ModalHeader,
-  te as ModalPortal
+  oe as Modal,
+  w as ModalBase,
+  F as ModalCloseButton,
+  de as ModalHeader,
+  _e as ModalPortal
 };

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

@@ -1 +1 @@
-"use strict";var Fe=Object.defineProperty,Re=Object.defineProperties;var Se=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var ie=(r,t,i)=>t in r?Fe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[t]=i,F=(r,t)=>{for(var i in t||(t={}))ce.call(t,i)&&ie(r,i,t[i]);if(K)for(var i of K(t))_e.call(t,i)&&ie(r,i,t[i]);return r},U=(r,t)=>Re(r,Se(t));var le=(r,t)=>{var i={};for(var l in r)ce.call(r,l)&&t.indexOf(l)<0&&(i[l]=r[l]);if(r!=null&&K)for(var l of K(r))t.indexOf(l)<0&&_e.call(r,l)&&(i[l]=r[l]);return i};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const oe=require("react"),f=require("@floating-ui/react"),v=require("clsx"),Be=require("react-virtuoso"),j=require("@livechat/design-system-icons"),He=require("../Checkbox/index.cjs.js"),D=require("../Icon/index.cjs.js"),qe=require("../../chunks/Heading-617540b6.js"),se=require("../../chunks/Text-df483689.js"),De=require("../Tag/index.cjs.js"),Oe=require("react-dom");require("../FieldDescription/index.cjs.js");require("../../chunks/Typography.module-2558416b.js");require("polished");function ge(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const e=ge(oe),Me=ge(Oe),Ke=2,Y=400;[...[...Array(100)].map((r,t)=>({key:`option${t+8}`,name:`Option #${t+8}`,disabled:t%4===0}))];const O="select-all",Ue=(r,t)=>{const i=[];return r.forEach((l,_)=>{t(l)&&i.push(_)}),i},z=r=>r.filter(({key:t,disabled:i,groupHeader:l})=>!(t===O||i||l)),ne=({key:r})=>r,P={"item-wrapper":"lc-PickerListItem-module__item-wrapper___ETYMU","item-wrapper__first":"lc-PickerListItem-module__item-wrapper__first___uit1z","item-wrapper__last":"lc-PickerListItem-module__item-wrapper__last___cWmGF","picker-list__item":"lc-PickerListItem-module__picker-list__item___cujFw","picker-list__item--select-all":"lc-PickerListItem-module__picker-list__item--select-all___-cXxr","picker-list__item__header":"lc-PickerListItem-module__picker-list__item__header___abypL","picker-list__item__content":"lc-PickerListItem-module__picker-list__item__content___EI4cV","picker-list__item__custom":"lc-PickerListItem-module__picker-list__item__custom___CFubU","picker-list__item__checkbox":"lc-PickerListItem-module__picker-list__item__checkbox___XqHxc","picker-list__item__avatar":"lc-PickerListItem-module__picker-list__item__avatar___dKtMr","picker-list__item__icon":"lc-PickerListItem-module__picker-list__item__icon___5Yvui","picker-list__item__label-container":"lc-PickerListItem-module__picker-list__item__label-container___awy0M","picker-list__item__main-label":"lc-PickerListItem-module__picker-list__item__main-label___YfUhr","picker-list__item__secondary-label":"lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"},x="picker-list__item",je=({index:r,isActive:t,isSelected:i,listElementsRef:l,onSelect:_,getItemProps:u,item:a,numberOfItems:o})=>{const b=n=>n!=null&&n.customElement?e.createElement("div",{className:P[`${x}__custom`]},n.customElement.listItemBody):e.createElement(e.Fragment,null,n.showCheckbox&&e.createElement(He.Checkbox,{className:P[`${x}__checkbox`],checked:i}),n.icon&&e.createElement(D.Icon,{className:P[`${x}__icon`],kind:"link",source:n.icon}),n.avatarSrc&&e.createElement("img",{className:v(P[`${x}__avatar`]),src:n.avatarSrc,alt:n.name}),e.createElement("div",{className:P[`${x}__label-container`]},e.createElement("span",{className:v({[P[`${x}__main-label`]]:n.secondaryText}),"aria-disabled":n.disabled},n.name),n.secondaryText&&e.createElement("span",{className:P[`${x}__secondary-label`]},n.secondaryText)));if(a.groupHeader)return e.createElement("div",F({id:`item-${r}`,key:a.key,role:"group",className:P[`${x}__header`]},u()),e.createElement(qe.Heading,{size:"2xs",uppercase:!0,bold:!0,as:"div"},a.name));const p=n=>{!a.disabled&&_(n)};return e.createElement("div",U(F({id:a.key,key:a.key,tabIndex:t?0:-1,ref:n=>{n&&(l.current[r]=n)},role:"option","aria-setsize":o,"aria-posinset":r+1},u({onClick:()=>p(a.key)})),{className:v(P["item-wrapper"],{[P["item-wrapper__first"]]:r===0&&!a.groupHeader,[P["item-wrapper__last"]]:r===o-1&&!a.groupHeader})}),e.createElement("div",{"aria-selected":i,"aria-disabled":a.disabled,"aria-current":t&&!a.disabled,className:v(P[x],{[P[`${x}__custom`]]:a.customElement,[P[`${x}--select-all`]]:a.key===O})},e.createElement("div",{className:P[`${x}__content`]},e.createElement(se.Text,{as:"span"},b(a))),i&&!a.showCheckbox&&e.createElement(D.Icon,{kind:"link",source:j.Check,customColor:"var(--content-basic-info)"})))},Ge="lc-PickerList-module__listbox___-LqE-",B={listbox:Ge,"no-results":"lc-PickerList-module__no-results___QRce-","listbox-wrapper":"lc-PickerList-module__listbox-wrapper___FbDrf"},ae="picker-list",me=({context:r,setFloating:t,floatingStyles:i,maxHeight:l,options:_,isPositioned:u,pointer:a,activeIndex:o,selectedKeys:b,listElementsRef:p,setPointer:n,onSelect:y,getFloatingProps:d,getItemProps:N,emptyStateText:C="No results found",pickerType:I="single",listClassName:L,virtuosoProps:g})=>{const m=e.useRef(null),[c,k]=e.useState(Y),h=_.length;e.useLayoutEffect(()=>{var s;u&&!a&&o!==null&&((s=m.current)==null||s.focus({preventScroll:!0}))},[u,o,a,m]);const H=e.useCallback(s=>{s!==c&&(s<Y?k(s+(h-1)*Ke):k(Y))},[h]);if(oe.useEffect(()=>{p.current=new Array(_.length)},[_.length]),_.length===0){const s=v(B[ae],{[B[`${ae}__no-results`]]:_.length===0});return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{className:v(B.listbox,B["no-results"]),ref:t,tabIndex:-1,style:i},e.createElement("div",{className:s},C)))}const q=s=>b.includes(s)||s===O&&b.length===z(_).length;return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{ref:t,tabIndex:-1,className:v(B.listbox,L),style:U(F({},i),{maxHeight:l})},e.createElement("div",F({tabIndex:0,"aria-multiselectable":I==="multi",className:B["listbox-wrapper"],ref:m},d({onKeyDown(s){n(!1),s.key==="Enter"&&o!==null&&y(_[o].key),s.key===" "&&s.preventDefault()},onKeyUp(s){s.key===" "&&o!==null&&y(_[o].key)},onPointerMove(){n(!0)}})),e.createElement(Be.Virtuoso,U(F({totalListHeightChanged:H,style:{height:`${c}px`,maxHeight:l},totalCount:_.length,data:_,increaseViewportBy:200},g),{itemContent:(s,S)=>e.createElement(je,{index:s,getItemProps:N,listElementsRef:p,isActive:o===s,isSelected:q(S.key),onSelect:y,item:S,numberOfItems:h})})))))},T={"picker-trigger":"lc-PickerTrigger-module__picker-trigger___-tjS0","picker-trigger--multi-select":"lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws","picker-trigger--multi-select--with-items":"lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R","picker-trigger__content":"lc-PickerTrigger-module__picker-trigger__content___USgUX","picker-trigger__content--compact":"lc-PickerTrigger-module__picker-trigger__content--compact___tJ0c0","picker-trigger__content--medium":"lc-PickerTrigger-module__picker-trigger__content--medium___FDI7S","picker-trigger__content--large":"lc-PickerTrigger-module__picker-trigger__content--large___3F05E","picker-trigger__content--with-items":"lc-PickerTrigger-module__picker-trigger__content--with-items___gXBgO","picker-trigger__controls":"lc-PickerTrigger-module__picker-trigger__controls___atRqc","picker-trigger__controls--compact":"lc-PickerTrigger-module__picker-trigger__controls--compact___WEdel","picker-trigger__controls--medium":"lc-PickerTrigger-module__picker-trigger__controls--medium___MNwT1","picker-trigger__controls--large":"lc-PickerTrigger-module__picker-trigger__controls--large___mHG04","picker-trigger__clear-icon":"lc-PickerTrigger-module__picker-trigger__clear-icon___4TVYX","picker-trigger__chevron-icon":"lc-PickerTrigger-module__picker-trigger__chevron-icon___hmDvU","picker-trigger--disabled":"lc-PickerTrigger-module__picker-trigger--disabled___4MGb4","picker-trigger--focused":"lc-PickerTrigger-module__picker-trigger--focused___vBA4d","picker-trigger--error":"lc-PickerTrigger-module__picker-trigger--error___yu6Dt"},E="picker-trigger",Ae=({setReference:r,getReferenceProps:t,testId:i,size:l="medium",isMultiSelect:_,isItemSelected:u,hideClearButton:a,isDisabled:o,isRequired:b,isOpen:p,isError:n,onClear:y,children:d})=>{const N=v(T[E],T[`${E}--${l}`],_&&T[`${E}--multi-select`],_&&u&&T[`${E}--multi-select--with-items`],o&&T[`${E}--disabled`],p&&T[`${E}--focused`],n&&T[`${E}--error`]),C=!a&&u&&!o&&!b,I=L=>{L.stopPropagation(),y()};return e.createElement("button",F({tabIndex:o?-1:0,"aria-disabled":o,className:N,"data-testid":i,ref:r,type:"button"},t()),e.createElement("div",{className:v(T[`${E}__content`],T[`${E}__content--${l}`],_&&u&&T[`${E}__content--with-items`])},e.createElement(se.Text,{as:"div"},d)),e.createElement("div",{className:v(T[`${E}__controls`],T[`${E}__controls--${l}`])},C&&e.createElement("div",{"data-testid":`${E}__clear-icon`,className:T[`${E}__clear-icon`],onClick:I},e.createElement(D.Icon,{kind:"primary",size:"small",source:j.Close})),e.createElement(D.Icon,{className:T[`${E}__chevron-icon`],source:p?j.ChevronUp:j.ChevronDown,size:"medium",disabled:o})))},$={"picker-trigger-body":"lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq","picker-trigger-body--single":"lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK","picker-trigger-body__item-container":"lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E","picker-trigger-body__item":"lc-PickerTriggerBody-module__picker-trigger-body__item___TADgm","picker-trigger-body__item__content":"lc-PickerTriggerBody-module__picker-trigger-body__item__content___R6cqX","picker-trigger-body__item__avatar":"lc-PickerTriggerBody-module__picker-trigger-body__item__avatar___jqFLr","picker-trigger-body__item__icon":"lc-PickerTriggerBody-module__picker-trigger-body__item__icon___Dz9ln","picker-trigger-body__placeholder":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder___1m8Qa","picker-trigger-body__placeholder--disabled":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder--disabled___1QQf8","picker-trigger-body__input":"lc-PickerTriggerBody-module__picker-trigger-body__input___N2WzY","picker-trigger-body__input--compact":"lc-PickerTriggerBody-module__picker-trigger-body__input--compact___uu3rm","picker-trigger-body__input--medium":"lc-PickerTriggerBody-module__picker-trigger-body__input--medium___4GjnK","picker-trigger-body__input--large":"lc-PickerTriggerBody-module__picker-trigger-body__input--large___hWdHe","picker-trigger-body__tag":"lc-PickerTriggerBody-module__picker-trigger-body__tag___UYkhU","picker-trigger-body__tag--compact":"lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL","picker-trigger-body__tag--medium":"lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC","picker-trigger-body__tag--large":"lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"},w="picker-trigger-body",We=({isOpen:r,isSearchDisabled:t,isDisabled:i,placeholder:l,selectedItems:_,type:u,clearSearchAfterSelection:a,size:o="medium",onItemRemove:b,onSelect:p,onFilter:n,searchPhrase:y,virtualItemRef:d})=>{const N=r&&!t,C=e.useRef(null);e.useEffect(()=>{a&&(n(""),C.current&&(C.current.value="",C.current.focus()))},[_,a]);const I=c=>u==="single"&&r&&!t?null:c!=null&&c.customElement?e.createElement("div",{className:$[`${w}__item`]},c.customElement.selectedItemBody):e.createElement("div",{className:$[`${w}__item`]},c.icon&&e.createElement(D.Icon,{source:c.icon,className:$[`${w}__item__icon`]}),c.avatarSrc&&e.createElement("img",{src:c.avatarSrc,alt:"",className:$[`${w}__item__avatar`]}),e.createElement("div",{className:$[`${w}__item__content`]},c.name)),L=c=>n(c.target.value),g=c=>{var k,h;(k=d.current)!=null&&k.id&&c.key==="Enter"&&p((h=d.current)==null?void 0:h.id),u==="multi"&&(c.key==="Backspace"||c.key==="Delete")&&!y&&_&&(_==null?void 0:_.length)>0&&b(_[_.length-1].key)},m=()=>e.createElement("input",{ref:C,className:v($[`${w}__input`],$[`${w}__input--${o}`]),placeholder:l,onChange:L,onKeyDown:g,autoFocus:!0,value:y});return!_||_.length===0?N?m():e.createElement("div",{className:v({[$[`${w}__placeholder`]]:!0,[$[`${w}__placeholder--disabled`]]:i})},l):e.createElement("div",{className:v($[w],{[$[`${w}--single`]]:u==="single"})},e.createElement("div",{className:$[`${w}__item-container`]},u==="single"?I(_[0]):_.map(c=>e.createElement(De.Tag,{key:c.name,className:v($[`${w}__tag`],$[`${w}__tag--${o}`]),dismissible:!i,onRemove:k=>{k.stopPropagation(),b(c.key)}},I(c)))),N&&m())},Ye=10,ze=({disabled:r,items:t,placement:i,floatingStrategy:l,useDismissHookProps:_,useClickHookProps:u,isOpen:a,onVisibilityChange:o})=>{const b=f.useFloatingNodeId(),[p,n]=e.useState(!1),[y,d]=e.useState(null),[N,C]=e.useState(400),I=e.useRef([]),L=e.useRef(null),{refs:g,floatingStyles:m,context:c,isPositioned:k}=f.useFloating({nodeId:b,open:a,strategy:l,onOpenChange:o,whileElementsMounted:f.autoUpdate,placement:i,middleware:[f.offset(4),f.flip({padding:10}),f.shift(),f.size({apply({availableHeight:R,rects:A,elements:W}){Me.flushSync(()=>{C(R)}),Object.assign(W.floating.style,{width:`${A.reference.width}px`})},padding:Ye})]}),h=f.useClick(c,F({enabled:!r,keyboardHandlers:!1,toggle:!1},u)),H=f.useRole(c,{role:"listbox"}),q=f.useDismiss(c,_),s=f.useListNavigation(c,{enabled:t.length>0&&!r,listRef:I,activeIndex:y,onNavigate:d,virtual:!0,virtualItemRef:L,disabledIndices:Ue(t,R=>!!R.disabled||!!R.groupHeader)}),{getReferenceProps:S,getFloatingProps:G,getItemProps:V}=f.useInteractions([h,q,H,s]);return!a&&p&&n(!1),{getReferenceProps:S,getFloatingProps:G,getItemProps:V,setReference:g.setReference,floatingStyles:m,isPositioned:k,context:c,nodeId:b,setFloating:g.setFloating,activeIndex:y,listElementsRef:I,virtualItemRef:L,maxHeight:N,pointer:p,setPointer:n}},Ve=({selected:r,options:t,type:i,selectAllOptionText:l,onSelect:_,setOpen:u})=>{const[a,o]=e.useState(()=>(r==null?void 0:r.map(ne))||[]),p=r!==void 0?(r==null?void 0:r.map(ne))||[]:a,[n,y]=e.useState(""),d=e.useMemo(()=>{const g=i==="multi"&&l;let m=t;return n&&(m=m.filter(c=>{if(c.groupHeader)return!1;const k=n.toLowerCase();return c.name.toLowerCase().includes(k)})),g&&m.length>1&&(m=[{key:O,name:l},...m]),m},[n,t,i,l]),N=g=>{const m=d.find(c=>c.key===g);!m||m.disabled||(i==="single"?(u(!1),o(()=>(_([m]),[g]))):g===O?p.length===z(d).length?o(()=>(_(null),[])):o(()=>{const c=z(d);return _(c),c.map(({key:k})=>k)}):o(c=>{const k=c.includes(g)?c.filter(h=>h!==g):[...c,g];return _(t.filter(({key:h})=>k.includes(h))),k}))};return{selectedKeys:p,items:d,searchPhrase:n,handleSelect:N,handleOnFilter:g=>y(g),handleItemRemove:g=>N(g),handleClear:()=>{u(!1),o([]),_(null),y("")}}},Xe={"picker-wrapper":"lc-Picker-module__picker-wrapper___2EDne"},Qe=V=>{var R=V,{id:r,className:t,listClassName:i,disabled:l,error:_,options:u,selected:a,size:o="medium",placeholder:b="Select option",isRequired:p,noSearchResultText:n="No results found",selectAllOptionText:y,type:d="single",searchDisabled:N=!1,hideClearButton:C,isVisible:I,onOpen:L,onClose:g,openedOnInit:m=!1,clearSearchAfterSelection:c,onSelect:k,placement:h,floatingStrategy:H,useDismissHookProps:q,useClickHookProps:s,virtuosoProps:S}=R,G=le(R,["id","className","listClassName","disabled","error","options","selected","size","placeholder","isRequired","noSearchResultText","selectAllOptionText","type","searchDisabled","hideClearButton","isVisible","onOpen","onClose","openedOnInit","clearSearchAfterSelection","onSelect","placement","floatingStrategy","useDismissHookProps","useClickHookProps","virtuosoProps"]);const[A,W]=e.useState(m),X=I!==void 0,M=X?I:A,Q=(re,te)=>{re?L==null||L(te):g==null||g(te),!X&&W(re)},{selectedKeys:J,items:Z,searchPhrase:ue,handleSelect:ee,handleOnFilter:de,handleItemRemove:ke,handleClear:pe}=Ve({selected:a,options:u,type:d,selectAllOptionText:y,onSelect:k,setOpen:Q}),{context:ye,nodeId:fe,getReferenceProps:be,setReference:he,getFloatingProps:Pe,getItemProps:Ee,isPositioned:ve,setFloating:Te,floatingStyles:$e,listElementsRef:we,virtualItemRef:Ne,activeIndex:Ce,maxHeight:Ie,pointer:Le,setPointer:xe}=ze({openedOnInit:m,disabled:l,items:Z,placement:h,floatingStrategy:H,useClickHookProps:s,useDismissHookProps:q,isOpen:M,onVisibilityChange:Q});return e.createElement("div",{id:r,className:v(Xe["picker-wrapper"],t)},e.createElement(Ae,{getReferenceProps:be,setReference:he,testId:G["data-testid"],isItemSelected:J.length>0,isOpen:M,onClear:pe,hideClearButton:C,isDisabled:l,isError:_,isRequired:p,isMultiSelect:d==="multi",size:o},e.createElement(We,{isOpen:M,isSearchDisabled:N,isDisabled:l,placeholder:b,selectedItems:a,type:d,size:o,clearSearchAfterSelection:c,onItemRemove:ke,onSelect:ee,onFilter:de,searchPhrase:ue,virtualItemRef:Ne})),e.createElement(f.FloatingNode,{id:fe},M&&e.createElement(f.FloatingPortal,null,e.createElement(me,{pickerType:d,options:Z,listClassName:i,context:ye,setFloating:Te,floatingStyles:$e,maxHeight:Ie,isPositioned:ve,pointer:Le,activeIndex:Ce,selectedKeys:J,listElementsRef:we,setPointer:xe,onSelect:ee,getFloatingProps:Pe,getItemProps:Ee,emptyStateText:n,virtuosoProps:S}))))};exports.Picker=Qe;exports.PickerList=me;
+"use strict";var Fe=Object.defineProperty,Re=Object.defineProperties;var Se=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var ie=(r,t,i)=>t in r?Fe(r,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[t]=i,F=(r,t)=>{for(var i in t||(t={}))ce.call(t,i)&&ie(r,i,t[i]);if(K)for(var i of K(t))_e.call(t,i)&&ie(r,i,t[i]);return r},U=(r,t)=>Re(r,Se(t));var le=(r,t)=>{var i={};for(var l in r)ce.call(r,l)&&t.indexOf(l)<0&&(i[l]=r[l]);if(r!=null&&K)for(var l of K(r))t.indexOf(l)<0&&_e.call(r,l)&&(i[l]=r[l]);return i};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const oe=require("react"),f=require("@floating-ui/react"),v=require("clsx"),Be=require("react-virtuoso"),j=require("@livechat/design-system-icons"),He=require("../Checkbox/index.cjs.js"),D=require("../Icon/index.cjs.js"),qe=require("../../chunks/Heading-617540b6.js"),se=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.js");const De=require("../Tag/index.cjs.js"),Oe=require("react-dom");require("../FieldDescription/index.cjs.js");require("polished");function ge(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const i in r)if(i!=="default"){const l=Object.getOwnPropertyDescriptor(r,i);Object.defineProperty(t,i,l.get?l:{enumerable:!0,get:()=>r[i]})}}return t.default=r,Object.freeze(t)}const e=ge(oe),Me=ge(Oe),Ke=2,Y=400;[...[...Array(100)].map((r,t)=>({key:`option${t+8}`,name:`Option #${t+8}`,disabled:t%4===0}))];const O="select-all",Ue=(r,t)=>{const i=[];return r.forEach((l,_)=>{t(l)&&i.push(_)}),i},z=r=>r.filter(({key:t,disabled:i,groupHeader:l})=>!(t===O||i||l)),ne=({key:r})=>r,P={"item-wrapper":"lc-PickerListItem-module__item-wrapper___ETYMU","item-wrapper__first":"lc-PickerListItem-module__item-wrapper__first___uit1z","item-wrapper__last":"lc-PickerListItem-module__item-wrapper__last___cWmGF","picker-list__item":"lc-PickerListItem-module__picker-list__item___cujFw","picker-list__item--select-all":"lc-PickerListItem-module__picker-list__item--select-all___-cXxr","picker-list__item__header":"lc-PickerListItem-module__picker-list__item__header___abypL","picker-list__item__content":"lc-PickerListItem-module__picker-list__item__content___EI4cV","picker-list__item__custom":"lc-PickerListItem-module__picker-list__item__custom___CFubU","picker-list__item__checkbox":"lc-PickerListItem-module__picker-list__item__checkbox___XqHxc","picker-list__item__avatar":"lc-PickerListItem-module__picker-list__item__avatar___dKtMr","picker-list__item__icon":"lc-PickerListItem-module__picker-list__item__icon___5Yvui","picker-list__item__label-container":"lc-PickerListItem-module__picker-list__item__label-container___awy0M","picker-list__item__main-label":"lc-PickerListItem-module__picker-list__item__main-label___YfUhr","picker-list__item__secondary-label":"lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"},x="picker-list__item",je=({index:r,isActive:t,isSelected:i,listElementsRef:l,onSelect:_,getItemProps:u,item:a,numberOfItems:o})=>{const b=n=>n!=null&&n.customElement?e.createElement("div",{className:P[`${x}__custom`]},n.customElement.listItemBody):e.createElement(e.Fragment,null,n.showCheckbox&&e.createElement(He.Checkbox,{className:P[`${x}__checkbox`],checked:i}),n.icon&&e.createElement(D.Icon,{className:P[`${x}__icon`],kind:"link",source:n.icon}),n.avatarSrc&&e.createElement("img",{className:v(P[`${x}__avatar`]),src:n.avatarSrc,alt:n.name}),e.createElement("div",{className:P[`${x}__label-container`]},e.createElement("span",{className:v({[P[`${x}__main-label`]]:n.secondaryText}),"aria-disabled":n.disabled},n.name),n.secondaryText&&e.createElement("span",{className:P[`${x}__secondary-label`]},n.secondaryText)));if(a.groupHeader)return e.createElement("div",F({id:`item-${r}`,key:a.key,role:"group",className:P[`${x}__header`]},u()),e.createElement(qe.Heading,{size:"2xs",uppercase:!0,bold:!0,as:"div"},a.name));const p=n=>{!a.disabled&&_(n)};return e.createElement("div",U(F({id:a.key,key:a.key,tabIndex:t?0:-1,ref:n=>{n&&(l.current[r]=n)},role:"option","aria-setsize":o,"aria-posinset":r+1},u({onClick:()=>p(a.key)})),{className:v(P["item-wrapper"],{[P["item-wrapper__first"]]:r===0&&!a.groupHeader,[P["item-wrapper__last"]]:r===o-1&&!a.groupHeader})}),e.createElement("div",{"aria-selected":i,"aria-disabled":a.disabled,"aria-current":t&&!a.disabled,className:v(P[x],{[P[`${x}__custom`]]:a.customElement,[P[`${x}--select-all`]]:a.key===O})},e.createElement("div",{className:P[`${x}__content`]},e.createElement(se.Text,{as:"span"},b(a))),i&&!a.showCheckbox&&e.createElement(D.Icon,{kind:"link",source:j.Check,customColor:"var(--content-basic-info)"})))},Ge="lc-PickerList-module__listbox___-LqE-",B={listbox:Ge,"no-results":"lc-PickerList-module__no-results___QRce-","listbox-wrapper":"lc-PickerList-module__listbox-wrapper___FbDrf"},ae="picker-list",me=({context:r,setFloating:t,floatingStyles:i,maxHeight:l,options:_,isPositioned:u,pointer:a,activeIndex:o,selectedKeys:b,listElementsRef:p,setPointer:n,onSelect:y,getFloatingProps:d,getItemProps:N,emptyStateText:C="No results found",pickerType:I="single",listClassName:L,virtuosoProps:g})=>{const m=e.useRef(null),[c,k]=e.useState(Y),h=_.length;e.useLayoutEffect(()=>{var s;u&&!a&&o!==null&&((s=m.current)==null||s.focus({preventScroll:!0}))},[u,o,a,m]);const H=e.useCallback(s=>{s!==c&&(s<Y?k(s+(h-1)*Ke):k(Y))},[h]);if(oe.useEffect(()=>{p.current=new Array(_.length)},[_.length]),_.length===0){const s=v(B[ae],{[B[`${ae}__no-results`]]:_.length===0});return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{className:v(B.listbox,B["no-results"]),ref:t,tabIndex:-1,style:i},e.createElement("div",{className:s},C)))}const q=s=>b.includes(s)||s===O&&b.length===z(_).length;return e.createElement(f.FloatingFocusManager,{context:r,modal:!1,initialFocus:-1},e.createElement("div",{ref:t,tabIndex:-1,className:v(B.listbox,L),style:U(F({},i),{maxHeight:l})},e.createElement("div",F({tabIndex:0,"aria-multiselectable":I==="multi",className:B["listbox-wrapper"],ref:m},d({onKeyDown(s){n(!1),s.key==="Enter"&&o!==null&&y(_[o].key),s.key===" "&&s.preventDefault()},onKeyUp(s){s.key===" "&&o!==null&&y(_[o].key)},onPointerMove(){n(!0)}})),e.createElement(Be.Virtuoso,U(F({totalListHeightChanged:H,style:{height:`${c}px`,maxHeight:l},totalCount:_.length,data:_,increaseViewportBy:200},g),{itemContent:(s,S)=>e.createElement(je,{index:s,getItemProps:N,listElementsRef:p,isActive:o===s,isSelected:q(S.key),onSelect:y,item:S,numberOfItems:h})})))))},T={"picker-trigger":"lc-PickerTrigger-module__picker-trigger___-tjS0","picker-trigger--multi-select":"lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws","picker-trigger--multi-select--with-items":"lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R","picker-trigger__content":"lc-PickerTrigger-module__picker-trigger__content___USgUX","picker-trigger__content--compact":"lc-PickerTrigger-module__picker-trigger__content--compact___tJ0c0","picker-trigger__content--medium":"lc-PickerTrigger-module__picker-trigger__content--medium___FDI7S","picker-trigger__content--large":"lc-PickerTrigger-module__picker-trigger__content--large___3F05E","picker-trigger__content--with-items":"lc-PickerTrigger-module__picker-trigger__content--with-items___gXBgO","picker-trigger__controls":"lc-PickerTrigger-module__picker-trigger__controls___atRqc","picker-trigger__controls--compact":"lc-PickerTrigger-module__picker-trigger__controls--compact___WEdel","picker-trigger__controls--medium":"lc-PickerTrigger-module__picker-trigger__controls--medium___MNwT1","picker-trigger__controls--large":"lc-PickerTrigger-module__picker-trigger__controls--large___mHG04","picker-trigger__clear-icon":"lc-PickerTrigger-module__picker-trigger__clear-icon___4TVYX","picker-trigger__chevron-icon":"lc-PickerTrigger-module__picker-trigger__chevron-icon___hmDvU","picker-trigger--disabled":"lc-PickerTrigger-module__picker-trigger--disabled___4MGb4","picker-trigger--focused":"lc-PickerTrigger-module__picker-trigger--focused___vBA4d","picker-trigger--error":"lc-PickerTrigger-module__picker-trigger--error___yu6Dt"},E="picker-trigger",Ae=({setReference:r,getReferenceProps:t,testId:i,size:l="medium",isMultiSelect:_,isItemSelected:u,hideClearButton:a,isDisabled:o,isRequired:b,isOpen:p,isError:n,onClear:y,children:d})=>{const N=v(T[E],T[`${E}--${l}`],_&&T[`${E}--multi-select`],_&&u&&T[`${E}--multi-select--with-items`],o&&T[`${E}--disabled`],p&&T[`${E}--focused`],n&&T[`${E}--error`]),C=!a&&u&&!o&&!b,I=L=>{L.stopPropagation(),y()};return e.createElement("button",F({tabIndex:o?-1:0,"aria-disabled":o,className:N,"data-testid":i,ref:r,type:"button"},t()),e.createElement("div",{className:v(T[`${E}__content`],T[`${E}__content--${l}`],_&&u&&T[`${E}__content--with-items`])},e.createElement(se.Text,{as:"div"},d)),e.createElement("div",{className:v(T[`${E}__controls`],T[`${E}__controls--${l}`])},C&&e.createElement("div",{"data-testid":`${E}__clear-icon`,className:T[`${E}__clear-icon`],onClick:I},e.createElement(D.Icon,{kind:"primary",size:"small",source:j.Close})),e.createElement(D.Icon,{className:T[`${E}__chevron-icon`],source:p?j.ChevronUp:j.ChevronDown,size:"medium",disabled:o})))},$={"picker-trigger-body":"lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq","picker-trigger-body--single":"lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK","picker-trigger-body__item-container":"lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E","picker-trigger-body__item":"lc-PickerTriggerBody-module__picker-trigger-body__item___TADgm","picker-trigger-body__item__content":"lc-PickerTriggerBody-module__picker-trigger-body__item__content___R6cqX","picker-trigger-body__item__avatar":"lc-PickerTriggerBody-module__picker-trigger-body__item__avatar___jqFLr","picker-trigger-body__item__icon":"lc-PickerTriggerBody-module__picker-trigger-body__item__icon___Dz9ln","picker-trigger-body__placeholder":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder___1m8Qa","picker-trigger-body__placeholder--disabled":"lc-PickerTriggerBody-module__picker-trigger-body__placeholder--disabled___1QQf8","picker-trigger-body__input":"lc-PickerTriggerBody-module__picker-trigger-body__input___N2WzY","picker-trigger-body__input--compact":"lc-PickerTriggerBody-module__picker-trigger-body__input--compact___uu3rm","picker-trigger-body__input--medium":"lc-PickerTriggerBody-module__picker-trigger-body__input--medium___4GjnK","picker-trigger-body__input--large":"lc-PickerTriggerBody-module__picker-trigger-body__input--large___hWdHe","picker-trigger-body__tag":"lc-PickerTriggerBody-module__picker-trigger-body__tag___UYkhU","picker-trigger-body__tag--compact":"lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL","picker-trigger-body__tag--medium":"lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC","picker-trigger-body__tag--large":"lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"},w="picker-trigger-body",We=({isOpen:r,isSearchDisabled:t,isDisabled:i,placeholder:l,selectedItems:_,type:u,clearSearchAfterSelection:a,size:o="medium",onItemRemove:b,onSelect:p,onFilter:n,searchPhrase:y,virtualItemRef:d})=>{const N=r&&!t,C=e.useRef(null);e.useEffect(()=>{a&&(n(""),C.current&&(C.current.value="",C.current.focus()))},[_,a]);const I=c=>u==="single"&&r&&!t?null:c!=null&&c.customElement?e.createElement("div",{className:$[`${w}__item`]},c.customElement.selectedItemBody):e.createElement("div",{className:$[`${w}__item`]},c.icon&&e.createElement(D.Icon,{source:c.icon,className:$[`${w}__item__icon`]}),c.avatarSrc&&e.createElement("img",{src:c.avatarSrc,alt:"",className:$[`${w}__item__avatar`]}),e.createElement("div",{className:$[`${w}__item__content`]},c.name)),L=c=>n(c.target.value),g=c=>{var k,h;(k=d.current)!=null&&k.id&&c.key==="Enter"&&p((h=d.current)==null?void 0:h.id),u==="multi"&&(c.key==="Backspace"||c.key==="Delete")&&!y&&_&&(_==null?void 0:_.length)>0&&b(_[_.length-1].key)},m=()=>e.createElement("input",{ref:C,className:v($[`${w}__input`],$[`${w}__input--${o}`]),placeholder:l,onChange:L,onKeyDown:g,autoFocus:!0,value:y});return!_||_.length===0?N?m():e.createElement("div",{className:v({[$[`${w}__placeholder`]]:!0,[$[`${w}__placeholder--disabled`]]:i})},l):e.createElement("div",{className:v($[w],{[$[`${w}--single`]]:u==="single"})},e.createElement("div",{className:$[`${w}__item-container`]},u==="single"?I(_[0]):_.map(c=>e.createElement(De.Tag,{key:c.name,className:v($[`${w}__tag`],$[`${w}__tag--${o}`]),dismissible:!i,onRemove:k=>{k.stopPropagation(),b(c.key)}},I(c)))),N&&m())},Ye=10,ze=({disabled:r,items:t,placement:i,floatingStrategy:l,useDismissHookProps:_,useClickHookProps:u,isOpen:a,onVisibilityChange:o})=>{const b=f.useFloatingNodeId(),[p,n]=e.useState(!1),[y,d]=e.useState(null),[N,C]=e.useState(400),I=e.useRef([]),L=e.useRef(null),{refs:g,floatingStyles:m,context:c,isPositioned:k}=f.useFloating({nodeId:b,open:a,strategy:l,onOpenChange:o,whileElementsMounted:f.autoUpdate,placement:i,middleware:[f.offset(4),f.flip({padding:10}),f.shift(),f.size({apply({availableHeight:R,rects:A,elements:W}){Me.flushSync(()=>{C(R)}),Object.assign(W.floating.style,{width:`${A.reference.width}px`})},padding:Ye})]}),h=f.useClick(c,F({enabled:!r,keyboardHandlers:!1,toggle:!1},u)),H=f.useRole(c,{role:"listbox"}),q=f.useDismiss(c,_),s=f.useListNavigation(c,{enabled:t.length>0&&!r,listRef:I,activeIndex:y,onNavigate:d,virtual:!0,virtualItemRef:L,disabledIndices:Ue(t,R=>!!R.disabled||!!R.groupHeader)}),{getReferenceProps:S,getFloatingProps:G,getItemProps:V}=f.useInteractions([h,q,H,s]);return!a&&p&&n(!1),{getReferenceProps:S,getFloatingProps:G,getItemProps:V,setReference:g.setReference,floatingStyles:m,isPositioned:k,context:c,nodeId:b,setFloating:g.setFloating,activeIndex:y,listElementsRef:I,virtualItemRef:L,maxHeight:N,pointer:p,setPointer:n}},Ve=({selected:r,options:t,type:i,selectAllOptionText:l,onSelect:_,setOpen:u})=>{const[a,o]=e.useState(()=>(r==null?void 0:r.map(ne))||[]),p=r!==void 0?(r==null?void 0:r.map(ne))||[]:a,[n,y]=e.useState(""),d=e.useMemo(()=>{const g=i==="multi"&&l;let m=t;return n&&(m=m.filter(c=>{if(c.groupHeader)return!1;const k=n.toLowerCase();return c.name.toLowerCase().includes(k)})),g&&m.length>1&&(m=[{key:O,name:l},...m]),m},[n,t,i,l]),N=g=>{const m=d.find(c=>c.key===g);!m||m.disabled||(i==="single"?(u(!1),o(()=>(_([m]),[g]))):g===O?p.length===z(d).length?o(()=>(_(null),[])):o(()=>{const c=z(d);return _(c),c.map(({key:k})=>k)}):o(c=>{const k=c.includes(g)?c.filter(h=>h!==g):[...c,g];return _(t.filter(({key:h})=>k.includes(h))),k}))};return{selectedKeys:p,items:d,searchPhrase:n,handleSelect:N,handleOnFilter:g=>y(g),handleItemRemove:g=>N(g),handleClear:()=>{u(!1),o([]),_(null),y("")}}},Xe={"picker-wrapper":"lc-Picker-module__picker-wrapper___2EDne"},Qe=V=>{var R=V,{id:r,className:t,listClassName:i,disabled:l,error:_,options:u,selected:a,size:o="medium",placeholder:b="Select option",isRequired:p,noSearchResultText:n="No results found",selectAllOptionText:y,type:d="single",searchDisabled:N=!1,hideClearButton:C,isVisible:I,onOpen:L,onClose:g,openedOnInit:m=!1,clearSearchAfterSelection:c,onSelect:k,placement:h,floatingStrategy:H,useDismissHookProps:q,useClickHookProps:s,virtuosoProps:S}=R,G=le(R,["id","className","listClassName","disabled","error","options","selected","size","placeholder","isRequired","noSearchResultText","selectAllOptionText","type","searchDisabled","hideClearButton","isVisible","onOpen","onClose","openedOnInit","clearSearchAfterSelection","onSelect","placement","floatingStrategy","useDismissHookProps","useClickHookProps","virtuosoProps"]);const[A,W]=e.useState(m),X=I!==void 0,M=X?I:A,Q=(re,te)=>{re?L==null||L(te):g==null||g(te),!X&&W(re)},{selectedKeys:J,items:Z,searchPhrase:ue,handleSelect:ee,handleOnFilter:de,handleItemRemove:ke,handleClear:pe}=Ve({selected:a,options:u,type:d,selectAllOptionText:y,onSelect:k,setOpen:Q}),{context:ye,nodeId:fe,getReferenceProps:be,setReference:he,getFloatingProps:Pe,getItemProps:Ee,isPositioned:ve,setFloating:Te,floatingStyles:$e,listElementsRef:we,virtualItemRef:Ne,activeIndex:Ce,maxHeight:Ie,pointer:Le,setPointer:xe}=ze({openedOnInit:m,disabled:l,items:Z,placement:h,floatingStrategy:H,useClickHookProps:s,useDismissHookProps:q,isOpen:M,onVisibilityChange:Q});return e.createElement("div",{id:r,className:v(Xe["picker-wrapper"],t)},e.createElement(Ae,{getReferenceProps:be,setReference:he,testId:G["data-testid"],isItemSelected:J.length>0,isOpen:M,onClear:pe,hideClearButton:C,isDisabled:l,isError:_,isRequired:p,isMultiSelect:d==="multi",size:o},e.createElement(We,{isOpen:M,isSearchDisabled:N,isDisabled:l,placeholder:b,selectedItems:a,type:d,size:o,clearSearchAfterSelection:c,onItemRemove:ke,onSelect:ee,onFilter:de,searchPhrase:ue,virtualItemRef:Ne})),e.createElement(f.FloatingNode,{id:fe},M&&e.createElement(f.FloatingPortal,null,e.createElement(me,{pickerType:d,options:Z,listClassName:i,context:ye,setFloating:Te,floatingStyles:$e,maxHeight:Ie,isPositioned:ve,pointer:Le,activeIndex:Ce,selectedKeys:J,listElementsRef:we,setPointer:xe,onSelect:ee,getFloatingProps:Pe,getItemProps:Ee,emptyStateText:n,virtuosoProps:S}))))};exports.Picker=Qe;exports.PickerList=me;

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

@@ -29,10 +29,10 @@ import { Checkbox as Ve } from "../Checkbox/index.es.js";
 import { Icon as D } from "../Icon/index.es.js";
 import { H as Je } from "../../chunks/Heading-6b95d08b.js";
 import { T as oe } from "../../chunks/Text-b31d1e9a.js";
+import "../../chunks/Typography.module-93efb34d.js";
 import { Tag as Ze } from "../Tag/index.es.js";
 import * as er from "react-dom";
 import "../FieldDescription/index.es.js";
-import "../../chunks/Typography.module-93efb34d.js";
 import "polished";
 const rr = 2, Y = 400;
 [

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

@@ -1 +1 @@
-"use strict";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));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),s=require("@floating-ui/react"),L=require("clsx"),Q=require("../../chunks/Text-df483689.js");require("../../chunks/Typography.module-2558416b.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:q,floatingStrategy:x})=>{const[I,M]=n.useState(T),h=s.useFloatingParentNodeId(),l=s.useFloatingNodeId(),u=i!==void 0,d=u?i:I,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:x,whileElementsMounted:s.autoUpdate}),R=s.useClick(c,q),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=$;
+"use strict";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));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),s=require("@floating-ui/react"),L=require("clsx");require("../../chunks/Typography.module-2558416b.js");const Q=require("../../chunks/Text-df483689.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:q,floatingStrategy:x})=>{const[I,M]=n.useState(T),h=s.useFloatingParentNodeId(),l=s.useFloatingNodeId(),u=i!==void 0,d=u?i:I,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:x,whileElementsMounted:s.autoUpdate}),R=s.useClick(c,q),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

@@ -13,8 +13,8 @@ var v = (o, e, t) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writab
 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-b31d1e9a.js";
 import "../../chunks/Typography.module-93efb34d.js";
+import { T as ie } from "../../chunks/Text-b31d1e9a.js";
 const le = "lc-Popover-module__popover___8X1b2", ce = {
   popover: le
 }, ge = ({

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

@@ -1 +1 @@
-"use strict";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};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),w=require("clsx"),g=require("../../chunks/ProgressBar-62d36b60.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;
+"use strict";var O=Object.defineProperty,v=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var t=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var S=(r,e,s)=>e in r?O(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s,P=(r,e)=>{for(var s in e||(e={}))C.call(e,s)&&S(r,s,e[s]);if(t)for(var s of t(e))N.call(e,s)&&S(r,s,e[s]);return r},y=(r,e)=>v(r,j(e));var f=(r,e)=>{var s={};for(var o in r)C.call(r,o)&&e.indexOf(o)<0&&(s[o]=r[o]);if(r!=null&&t)for(var o of t(r))e.indexOf(o)<0&&N.call(r,o)&&(s[o]=r[o]);return s};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),B=require("clsx");function I(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(e,s,o.get?o:{enumerable:!0,get:()=>r[s]})}}return e.default=r,Object.freeze(e)}const l=I(k),q=["normal","error","success"],D=r=>Math.min(Math.max(r,0),100);function E(r,e=0){return r==="error"?0:D(parseInt(e.toString(),10))}function R(r,e){return!q.includes(r)&&e>=100?"normal":r||"normal"}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"},F={small:2,medium:3,large:4},T={small:15,medium:36,large:56},n="progress-circle",Z=l.forwardRef((w,u)=>{var a=w,{status:r="normal",progressValue:e,className:s,size:o="medium"}=a,d=f(a,["status","progressValue","className","size"]);const p=R(r,e),b=E(p,e),_=F[o],c=T[o],x=B(i[n],{[i[`${n}--${o}`]]:o,[i[`${n}--${r}`]]:r},s),$=2*Math.PI*((c-_)/2),h={strokeDasharray:$.toFixed(3),strokeDashoffset:`${((100-b)/100*$).toFixed(3)}px`},M=`${c/2} ${c/2} ${c} ${c}`;return l.createElement("div",P({className:x,ref:u,role:"progressbar"},d),l.createElement("svg",{viewBox:M},l.createElement("circle",{className:i[`${n}__bg-line--${r}`],cx:c,cy:c,r:(c-_)/2,fill:"none",strokeWidth:_}),l.createElement("circle",{className:i[`${n}__indicator--${r}`],style:h,cx:c,cy:c,r:(c-_)/2,fill:"none",strokeWidth:_})))}),g={"progress-bar":"lc-ProgressBar-module__progress-bar___3pa3d","progress-bar--small":"lc-ProgressBar-module__progress-bar--small___7nQKx","progress-bar--medium":"lc-ProgressBar-module__progress-bar--medium___cM44p","progress-bar--large":"lc-ProgressBar-module__progress-bar--large___UlzNR","progress-bar--error":"lc-ProgressBar-module__progress-bar--error___MulqI","progress-bar--success":"lc-ProgressBar-module__progress-bar--success___p7nB-","progress-bar--normal":"lc-ProgressBar-module__progress-bar--normal___ZwCb-","progress-bar__indicator--success":"lc-ProgressBar-module__progress-bar__indicator--success___wRjR3","progress-bar__indicator--normal":"lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"},m="progress-bar",U=l.forwardRef((w,u)=>{var a=w,{status:r="normal",percent:e,size:s="medium",className:o=""}=a,d=f(a,["status","percent","size","className"]);const p=R(r,e),b=E(p,e),_=B(g[m],{[g[`${m}--${s}`]]:s,[g[`${m}--${r}`]]:r},o);return l.createElement("div",y(P({},d),{className:_,ref:u,role:"progressbar"}),l.createElement("div",{className:g[`${m}__indicator--${r}`],style:{width:`${b}%`}}))});exports.ProgressBar=U;exports.ProgressCircle=Z;