@cgi-learning-hub/ui 1.1.0-dev.1724255770 → 1.1.0-dev.1724331727

package/dist/{Box-Bawb5zHX.js → Box-esDTbXB3.js}

@@ -1,9 +1,9 @@
-import { s as h, t as T, z as B, _ as N, m as y, x as C, v as b, d as _, T as P, C as v, P as e } from "./identifier-D-ng7Qqa.js";
-import * as g from "react";
-import { u as j } from "./useTheme-CjBTq22m.js";
+import { s as h, t as T, z as y, _ as B, m as N, y as C, w as b, d as _, T as P, C as g, P as e } from "./identifier-7t6x6NpL.js";
+import * as j from "react";
+import { u as v } from "./useTheme-BiK-zs4C.js";
 import { jsx as E } from "react/jsx-runtime";
 const O = ["className", "component"];
-function I(m = {}) {
+function w(m = {}) {
   const {
     themeId: t,
     defaultTheme: l,
@@ -12,12 +12,12 @@ function I(m = {}) {
   } = m, x = h("div", {
     shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
   })(T);
-  return /* @__PURE__ */ g.forwardRef(function(d, u) {
-    const s = j(l), r = B(d), {
+  return /* @__PURE__ */ j.forwardRef(function(d, u) {
+    const s = v(l), r = y(d), {
       className: f,
       component: i = "div"
-    } = r, p = N(r, O);
-    return /* @__PURE__ */ E(x, y({
+    } = r, p = B(r, O);
+    return /* @__PURE__ */ E(x, N({
       as: i,
       ref: u,
       className: C(f, n ? n(a) : a),
@@ -25,11 +25,11 @@ function I(m = {}) {
     }, p));
   });
 }
-const M = b("MuiBox", ["root"]), R = M, S = _(), c = I({
+const I = b("MuiBox", ["root"]), M = I, R = _(), c = w({
   themeId: P,
-  defaultTheme: S,
-  defaultClassName: R.root,
-  generateClassName: v.generate
+  defaultTheme: R,
+  defaultClassName: M.root,
+  generateClassName: g.generate
 });
 process.env.NODE_ENV !== "production" && (c.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -53,5 +53,5 @@ process.env.NODE_ENV !== "production" && (c.propTypes = {
 const z = c;
 export {
   z as B,
-  R as b
+  M as b
 };

package/dist/{Button-C__-QOJY.js → Button-AGmTBZc6.js}

@@ -1,8 +1,8 @@
-import { w as D, v as F, q as r, m as t, y as v, _ as G, x as m, P as n } from "./identifier-D-ng7Qqa.js";
+import { v as D, w as F, q as r, m as t, x as v, _ as G, y as m, P as n } from "./identifier-7t6x6NpL.js";
 import * as p from "react";
-import { s as f, a as U, r as H, u as q, c as A } from "./styled-xiAudcD_.js";
+import { s as f, a as U, r as H, u as q, c as A } from "./styled-JogyYCCE.js";
 import { jsx as R, jsxs as J } from "react/jsx-runtime";
-import { B as K } from "./ButtonBase-4F5roLHd.js";
+import { B as K } from "./ButtonBase-SWE4hCL5.js";
 function Q(o) {
   return D("MuiButton", o);
 }

package/dist/{ButtonBase-4F5roLHd.js → ButtonBase-SWE4hCL5.js}

@@ -1,14 +1,14 @@
-import { m as Y, _ as ie, P as e, x, v as ye, w as Ke } from "./identifier-D-ng7Qqa.js";
+import { m as Y, _ as ie, P as e, y as v, w as ye, v as Ke } from "./identifier-7t6x6NpL.js";
 import * as p from "react";
 import W, { Children as Xe, isValidElement as G, cloneElement as J } from "react";
-import { s as re, u as Te, c as Ye } from "./styled-xiAudcD_.js";
+import { s as re, u as Te, c as Ye } from "./styled-JogyYCCE.js";
 import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
 import { a as qe, u as H } from "./useTimeout-BdvDipeg.js";
 import { _ as We, T as de } from "./TransitionGroupContext-BkoHK5Kx.js";
 import { keyframes as se } from "@emotion/react";
 import { a as he } from "./useForkRef-DwN_Iz9R.js";
 import { u as He } from "./useIsFocusVisible-DhASXQ4o.js";
-import { r as Ge, e as Je } from "./refType-COGEdfch.js";
+import { r as Ge, e as Je } from "./refType-DD4W022k.js";
 function Qe(t) {
   if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t;
@@ -200,12 +200,12 @@ function Me(t) {
     in: c,
     onExited: u,
     timeout: f
-  } = t, [h, y] = p.useState(!1), g = x(s, a.ripple, a.rippleVisible, l && a.ripplePulsate), v = {
+  } = t, [h, y] = p.useState(!1), g = v(s, a.ripple, a.rippleVisible, l && a.ripplePulsate), x = {
     width: i,
     height: i,
     top: -(i / 2) + n,
     left: -(i / 2) + o
-  }, m = x(a.child, h && a.childLeaving, l && a.childPulsate);
+  }, m = v(a.child, h && a.childLeaving, l && a.childPulsate);
   return !c && !h && y(!0), p.useEffect(() => {
     if (!c && u != null) {
       const T = setTimeout(u, f);
@@ -215,7 +215,7 @@ function Me(t) {
     }
   }, [u, c, f]), /* @__PURE__ */ U("span", {
     className: g,
-    style: v,
+    style: x,
     children: /* @__PURE__ */ U("span", {
       className: m
     })
@@ -367,7 +367,7 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
   p.useEffect(() => {
     y.current && (y.current(), y.current = null);
   }, [u]);
-  const g = p.useRef(!1), v = qe(), m = p.useRef(null), T = p.useRef(null), $ = p.useCallback((d) => {
+  const g = p.useRef(!1), x = qe(), m = p.useRef(null), T = p.useRef(null), $ = p.useCallback((d) => {
     const {
       pulsate: M,
       rippleX: E,
@@ -377,12 +377,12 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
     } = d;
     f((C) => [...C, /* @__PURE__ */ U(ct, {
       classes: {
-        ripple: x(n.ripple, b.ripple),
-        rippleVisible: x(n.rippleVisible, b.rippleVisible),
-        ripplePulsate: x(n.ripplePulsate, b.ripplePulsate),
-        child: x(n.child, b.child),
-        childLeaving: x(n.childLeaving, b.childLeaving),
-        childPulsate: x(n.childPulsate, b.childPulsate)
+        ripple: v(n.ripple, b.ripple),
+        rippleVisible: v(n.rippleVisible, b.rippleVisible),
+        ripplePulsate: v(n.ripplePulsate, b.ripplePulsate),
+        child: v(n.child, b.child),
+        childLeaving: v(n.childLeaving, b.childLeaving),
+        childPulsate: v(n.childPulsate, b.childPulsate)
       },
       timeout: oe,
       pulsate: M,
@@ -433,7 +433,7 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
         rippleSize: w,
         cb: E
       });
-    }, v.start(rt, () => {
+    }, x.start(rt, () => {
       m.current && (m.current(), m.current = null);
     })) : $({
       pulsate: S,
@@ -442,25 +442,25 @@ const oe = 550, rt = 80, st = se(me || (me = Q`
       rippleSize: w,
       cb: E
     });
-  }, [o, $, v]), j = p.useCallback(() => {
+  }, [o, $, x]), j = p.useCallback(() => {
     _({}, {
       pulsate: !0
     });
   }, [_]), O = p.useCallback((d, M) => {
-    if (v.clear(), (d == null ? void 0 : d.type) === "touchend" && m.current) {
-      m.current(), m.current = null, v.start(0, () => {
+    if (x.clear(), (d == null ? void 0 : d.type) === "touchend" && m.current) {
+      m.current(), m.current = null, x.start(0, () => {
         O(d, M);
       });
       return;
     }
     m.current = null, f((E) => E.length > 0 ? E.slice(1) : E), y.current = M;
-  }, [v]);
+  }, [x]);
   return p.useImperativeHandle(a, () => ({
     pulsate: j,
     start: _,
     stop: O
   }), [j, _, O]), /* @__PURE__ */ U(ut, Y({
-    className: x(b.root, n.root, i),
+    className: v(b.root, n.root, i),
     ref: T
   }, c, {
     children: /* @__PURE__ */ U(le, {
@@ -555,7 +555,7 @@ const ft = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
     disableRipple: h = !1,
     disableTouchRipple: y = !1,
     focusRipple: g = !1,
-    LinkComponent: v = "a",
+    LinkComponent: x = "a",
     onBlur: m,
     onClick: T,
     onContextMenu: $,
@@ -576,8 +576,8 @@ const ft = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
     type: L
   } = l, N = ie(l, dt), K = p.useRef(null), R = p.useRef(null), Ce = he(R, w), {
     isFocusVisibleRef: ue,
-    onFocus: xe,
-    onBlur: ve,
+    onFocus: ve,
+    onBlur: xe,
     ref: Ve
   } = He(), [k, A] = p.useState(!1);
   f && k && A(!1), p.useImperativeHandle(o, () => ({
@@ -599,9 +599,9 @@ const ft = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
   const De = D("start", E), Pe = D("stop", $), Be = D("stop", _), we = D("stop", I), Se = D("stop", (r) => {
     k && r.preventDefault(), S && S(r);
   }), Le = D("start", P), ke = D("stop", z), Fe = D("stop", C), _e = D("stop", (r) => {
-    ve(r), ue.current === !1 && A(!1), m && m(r);
+    xe(r), ue.current === !1 && A(!1), m && m(r);
   }, !1), Oe = H((r) => {
-    K.current || (K.current = r.currentTarget), xe(r), ue.current === !0 && (A(!0), O && O(r)), j && j(r);
+    K.current || (K.current = r.currentTarget), ve(r), ue.current === !0 && (A(!0), O && O(r)), j && j(r);
   }), te = () => {
     const r = K.current;
     return u && u !== "button" && !(r.tagName === "A" && r.href);
@@ -615,7 +615,7 @@ const ft = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
     })), M && M(r), T && r.target === r.currentTarget && te() && r.key === " " && !r.defaultPrevented && T(r);
   });
   let q = u;
-  q === "button" && (N.href || N.to) && (q = v);
+  q === "button" && (N.href || N.to) && (q = x);
   const X = {};
   q === "button" ? (X.type = L === void 0 ? "button" : L, X.disabled = f) : (!N.href && !N.to && (X.role = "button"), f && (X["aria-disabled"] = f));
   const $e = he(a, Ve, K);
@@ -635,7 +635,7 @@ const ft = ye("MuiButtonBase", ["root", "disabled", "focusVisible"]), dt = ["act
   }), je = ht(ce);
   return /* @__PURE__ */ Ae(mt, Y({
     as: q,
-    className: x(je.root, c),
+    className: v(je.root, c),
     ownerState: ce,
     onBlur: _e,
     onClick: T,

package/dist/{CircularProgress-BNazIBar.js → CircularProgress-B1FGa0GI.js}

@@ -1,8 +1,8 @@
-import { w as T, v as j, q as l, m as i, _ as U, x as z, P as e } from "./identifier-D-ng7Qqa.js";
+import { v as T, w as j, q as l, m as i, _ as U, y as z, P as e } from "./identifier-7t6x6NpL.js";
 import * as E from "react";
-import { s as y, u as I, c as F } from "./styled-xiAudcD_.js";
+import { s as y, u as I, c as F } from "./styled-JogyYCCE.js";
 import { jsx as g } from "react/jsx-runtime";
-import { c as K } from "./refType-COGEdfch.js";
+import { c as K } from "./refType-DD4W022k.js";
 import { keyframes as D, css as _ } from "@emotion/react";
 function V(r) {
   return T("MuiCircularProgress", r);

package/dist/{DatePicker-DGVeagTz.js → DatePicker-CBbEZtFp.js}

@@ -1,29 +1,29 @@
 import { jsx as I, jsxs as ye } from "react/jsx-runtime";
-import { r as ea } from "./fr-By4s91yO.js";
-import { m as f, x as ue, _ as ne, L as ro, a4 as ta, P as n, w as pe, v as fe, q as le, y as Pe, a5 as gt, I as Lt } from "./identifier-D-ng7Qqa.js";
+import { r as ea } from "./fr-C9KY9a-o.js";
+import { m as f, y as ue, _ as ne, L as ro, a4 as ta, P as n, v as pe, w as fe, q as le, x as Pe, a5 as gt, J as Lt } from "./identifier-7t6x6NpL.js";
 import * as v from "react";
 import Pn from "react";
-import { u as ge } from "./useThemeProps-BVvSbkPP.js";
-import { a as na } from "./useTheme-CjBTq22m.js";
-import { g as oa } from "./useThemeProps-BM4fCFq5.js";
+import { u as ge } from "./useThemeProps-D6xdJZDK.js";
+import { a as na } from "./useTheme-BiK-zs4C.js";
+import { g as oa } from "./useThemeProps-Bah1TqHr.js";
 import { a as xe, u as Ie } from "./useForkRef-DwN_Iz9R.js";
-import { s as _, u as nt, c as me, f as ra } from "./styled-xiAudcD_.js";
-import { T as yt } from "./Typography-B2XMXu83.js";
-import { c as ze } from "./createSvgIcon-B8vHI3I6.js";
+import { s as _, u as nt, c as me, f as ra } from "./styled-JogyYCCE.js";
+import { T as yt } from "./Typography-DKaWjusd.js";
+import { c as ze } from "./createSvgIcon-CqnqGmKb.js";
 import { u as Z } from "./useTimeout-BdvDipeg.js";
-import { B as Zt, T as $o } from "./ButtonBase-4F5roLHd.js";
-import { u as Tn, b as aa, a as He } from "./useTheme-iNHILPzK.js";
-import { P as sa, D as Fo, Q as ia, B as la, J as ca, d as Rn, R as jt, N as Gt, U as ua, H as Qt, O as da, V as pa, L as fa, F as ma, c as ha, a as ba, T as ga } from "./TextField-DDmGQyEr.js";
+import { B as Zt, T as $o } from "./ButtonBase-SWE4hCL5.js";
+import { u as Tn, b as aa, a as He } from "./useTheme-Bu2IMnsb.js";
+import { P as sa, D as Fo, Q as ia, B as la, J as ca, d as Rn, R as jt, N as Gt, U as ua, H as Qt, O as da, V as pa, L as fa, F as ma, c as ha, a as ba, T as ga } from "./TextField-B4qTEIO2.js";
 import { _ as ya } from "./TransitionGroupContext-BkoHK5Kx.js";
 import { i as No, u as Je } from "./useControlled-DoRrpN8o.js";
 import { u as vt } from "./useId-BW-oWmul.js";
-import { I as on } from "./IconButton-D_deQOvN.js";
-import { c as Lo, e as va, r as Fe } from "./refType-COGEdfch.js";
-import { u as rn } from "./InputBase-DNkF-TAp.js";
-import { s as wa } from "./createStyled-CzVedz8V.js";
-import { I as jo } from "./InputAdornment-hNrnvXW9.js";
+import { I as on } from "./IconButton-CSDSU5zJ.js";
+import { c as Lo, e as va, r as Fe } from "./refType-DD4W022k.js";
+import { u as rn } from "./InputBase-DUJMZhoC.js";
+import { s as wa } from "./createStyled-D33y37iM.js";
+import { I as jo } from "./InputAdornment-Bcu9I8uS.js";
 import { o as Rt } from "./ownerWindow-C7EH1lr6.js";
-import { B as Ut } from "./Button-C__-QOJY.js";
+import { B as Ut } from "./Button-AGmTBZc6.js";
 import { i as ao } from "./isHostComponent-kiaBvYVo.js";
 import { u as Da } from "./unsupportedProp-BuVD30Gh.js";
 const xa = {

package/dist/{DefaultButton-F67BOmrx.js → DefaultButton-Ctg4CY0U.js}

@@ -1,12 +1,12 @@
 import { jsx as c, jsxs as C } from "react/jsx-runtime";
 import * as B from "react";
 import h from "./components/buttons/DefaultButton/DefaultButtonIcon.es.js";
-import { s as p, r as R, u as T, c as j } from "./styled-xiAudcD_.js";
-import { w as O, v as W, m as l, q as e, _ as k, P as t } from "./identifier-D-ng7Qqa.js";
-import { B as U, a as z } from "./Button-C__-QOJY.js";
+import { s as p, r as R, u as T, c as j } from "./styled-JogyYCCE.js";
+import { v as O, w as W, m as l, q as e, _ as k, P as t } from "./identifier-7t6x6NpL.js";
+import { B as U, a as z } from "./Button-AGmTBZc6.js";
 import { u as D } from "./useId-BW-oWmul.js";
-import { c as _ } from "./refType-COGEdfch.js";
-import { C as N } from "./CircularProgress-BNazIBar.js";
+import { c as _ } from "./refType-DD4W022k.js";
+import { C as N } from "./CircularProgress-B1FGa0GI.js";
 function F(n) {
   return O("MuiLoadingButton", n);
 }

package/dist/{IconButton-D_deQOvN.js → IconButton-CSDSU5zJ.js}

@@ -1,9 +1,9 @@
-import { w as h, v as z, q as n, m as t, y as g, _ as R, x as C, P as r } from "./identifier-D-ng7Qqa.js";
+import { v as h, w as z, q as n, m as t, x as g, _ as R, y as C, P as r } from "./identifier-7t6x6NpL.js";
 import * as d from "react";
-import { s as B, u as I, c as O } from "./styled-xiAudcD_.js";
+import { s as B, u as I, c as O } from "./styled-JogyYCCE.js";
 import { jsx as x } from "react/jsx-runtime";
-import { B as $ } from "./ButtonBase-4F5roLHd.js";
-import { c as T } from "./refType-COGEdfch.js";
+import { B as $ } from "./ButtonBase-SWE4hCL5.js";
+import { c as T } from "./refType-DD4W022k.js";
 function k(o) {
   return h("MuiIconButton", o);
 }

package/dist/{InputAdornment-hNrnvXW9.js → InputAdornment-Bcu9I8uS.js}

@@ -1,13 +1,13 @@
-import { v as I, w as T, m as u, _ as A, x as C, P as e, q as v } from "./identifier-D-ng7Qqa.js";
+import { w as T, v as x, m as u, _ as A, y as C, P as e, q as v } from "./identifier-7t6x6NpL.js";
 import * as b from "react";
-import { u as N, F as L } from "./InputBase-DNkF-TAp.js";
-import { s as O, u as R, c as _ } from "./styled-xiAudcD_.js";
+import { u as N, F as L } from "./InputBase-DUJMZhoC.js";
+import { s as O, u as R, c as _ } from "./styled-JogyYCCE.js";
 import { jsx as l, jsxs as j } from "react/jsx-runtime";
-import { T as z } from "./Typography-B2XMXu83.js";
+import { T as z } from "./Typography-DKaWjusd.js";
 function F(t) {
-  return T("MuiInputAdornment", t);
+  return x("MuiInputAdornment", t);
 }
-const y = I("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+const y = T("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
 var g;
 const M = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], U = (t, o) => {
   const {
@@ -76,13 +76,13 @@ const M = ["children", "className", "component", "disablePointerEvents", "disabl
     disablePointerEvents: d,
     position: f,
     variant: m
-  }), x = $(h);
+  }), I = $(h);
   return /* @__PURE__ */ l(L.Provider, {
     value: null,
     children: /* @__PURE__ */ l(w, u({
       as: p,
       ownerState: h,
-      className: C(x.root, a),
+      className: C(I.root, a),
       ref: n
     }, P, {
       children: typeof s == "string" && !E ? /* @__PURE__ */ l(z, {

package/dist/{InputBase-DNkF-TAp.js → InputBase-DUJMZhoC.js}

@@ -1,12 +1,12 @@
-import { K as ke, P as e, _ as ye, m as d, T as Be, v as Pe, w as Me, x as pe, q as Q, L as He } from "./identifier-D-ng7Qqa.js";
+import { K as ke, P as e, _ as ye, m as d, T as Be, w as Pe, v as Me, y as pe, q as Q, L as He } from "./identifier-7t6x6NpL.js";
 import * as l from "react";
-import { d as De, s as be, u as We, c as Ve } from "./styled-xiAudcD_.js";
+import { d as De, s as be, u as We, c as Ve } from "./styled-JogyYCCE.js";
 import { jsx as N, jsxs as X } from "react/jsx-runtime";
 import { a as ge, u as ee } from "./useForkRef-DwN_Iz9R.js";
 import { a as fe, d as Le } from "./ownerWindow-C7EH1lr6.js";
 import { i as me } from "./isHostComponent-kiaBvYVo.js";
-import { e as _e, r as je } from "./refType-COGEdfch.js";
-import { u as Ue } from "./useTheme-CjBTq22m.js";
+import { e as _e, r as je } from "./refType-DD4W022k.js";
+import { u as Ue } from "./useTheme-BiK-zs4C.js";
 function we({
   styles: o,
   themeId: n,

package/dist/{Stack-BJ2ths-g.js → Stack-D91dopIg.js}

@@ -1,9 +1,9 @@
-import { P as e, n as D, m as T, B as g, D as m, E as F, F as N, G as R, z as E, _ as B, x as G, w as _, H as b } from "./identifier-D-ng7Qqa.js";
-import { c as w, s as M, u as $ } from "./styled-xiAudcD_.js";
+import { P as e, n as D, m as T, B as g, D as m, E as F, F as N, G as R, z as E, _ as B, y as G, v as _, H as b } from "./identifier-7t6x6NpL.js";
+import { c as M, s as w, u as $ } from "./styled-JogyYCCE.js";
 import * as f from "react";
-import { c as U } from "./createStyled-CzVedz8V.js";
+import { c as U } from "./createStyled-D33y37iM.js";
 import { jsx as A } from "react/jsx-runtime";
-import { u as L } from "./useThemeProps-BM4fCFq5.js";
+import { u as L } from "./useThemeProps-Bah1TqHr.js";
 const z = U(), H = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], I = D(), W = z("div", {
   name: "MuiStack",
   slot: "Root",
@@ -78,7 +78,7 @@ function X(o = {}) {
     createStyledComponent: r = W,
     useThemeProps: c = q,
     componentName: a = "MuiStack"
-  } = o, i = () => w({
+  } = o, i = () => M({
     root: ["root"]
   }, (s) => _(a, s), {}), n = r(Q), l = /* @__PURE__ */ f.forwardRef(function(s, t) {
     const p = c(s), u = E(p), {
@@ -112,7 +112,7 @@ function X(o = {}) {
   }), l;
 }
 const h = X({
-  createStyledComponent: M("div", {
+  createStyledComponent: w("div", {
     name: "MuiStack",
     slot: "Root",
     overridesResolver: (o, r) => r.root

package/dist/{Tabs-CWujD0SK.js → Tabs-tHFGULLQ.js}

@@ -1,15 +1,15 @@
-import { w as me, v as ve, q as Le, m as b, _ as ae, x as k, P as o } from "./identifier-D-ng7Qqa.js";
+import { v as me, w as ve, q as Le, m as b, _ as ae, y as k, P as o } from "./identifier-7t6x6NpL.js";
 import * as u from "react";
-import { s as _, u as Se, c as ye, b as st } from "./styled-xiAudcD_.js";
+import { s as _, u as Se, c as ye, b as st } from "./styled-JogyYCCE.js";
 import { jsxs as Q, jsx as C } from "react/jsx-runtime";
-import { B as ke } from "./ButtonBase-4F5roLHd.js";
+import { B as ke } from "./ButtonBase-SWE4hCL5.js";
 import { u as at } from "./unsupportedProp-BuVD30Gh.js";
-import { a as Fe, b as se, u as it } from "./useTheme-iNHILPzK.js";
+import { a as Fe, b as se, u as it } from "./useTheme-Bu2IMnsb.js";
 import { u as ct } from "./useForkRef-DwN_Iz9R.js";
 import { a as $e, d as Ae, o as dt } from "./ownerWindow-C7EH1lr6.js";
 import { u as be } from "./useTimeout-BdvDipeg.js";
-import { r as ut } from "./refType-COGEdfch.js";
-import { c as De } from "./createSvgIcon-B8vHI3I6.js";
+import { r as ut } from "./refType-DD4W022k.js";
+import { c as De } from "./createSvgIcon-CqnqGmKb.js";
 let X;
 function je() {
   if (X)

package/dist/{TextField-DDmGQyEr.js → TextField-B4qTEIO2.js}

@@ -1,21 +1,21 @@
-import { P as e, m as d, _ as q, w as Z, v as ee, y as Do, x as Q, q as ce, F as vo, L as Mn } from "./identifier-D-ng7Qqa.js";
+import { P as e, m as d, _ as q, v as Z, w as ee, x as Do, y as Q, q as ce, F as vo, L as Mn } from "./identifier-7t6x6NpL.js";
 import * as u from "react";
 import Ge from "react";
-import { s as j, u as re, c as oe, a as be, b as go, e as kn } from "./styled-xiAudcD_.js";
+import { s as j, u as re, c as oe, a as be, b as go, e as kn } from "./styled-JogyYCCE.js";
 import { jsx as w, jsxs as me } from "react/jsx-runtime";
-import { i as Fn, a as po, F as $n, u as Ve, f as qe, b as yo, c as Eo, r as xo, d as To, e as Oo, I as Co } from "./InputBase-DNkF-TAp.js";
+import { i as Fn, a as po, F as $n, u as Ve, f as qe, b as yo, c as Eo, r as xo, d as To, e as Oo, I as Co } from "./InputBase-DUJMZhoC.js";
 import { c as Lo, i as ao, u as jo } from "./useControlled-DoRrpN8o.js";
 import { u as Zo } from "./useId-BW-oWmul.js";
-import { u as Ro, e as Dn, b as $e, a as Ln } from "./useTheme-iNHILPzK.js";
+import { u as Ro, e as Dn, b as $e, a as Ln } from "./useTheme-Bu2IMnsb.js";
 import { o as ie, a as Ue, d as jn } from "./ownerWindow-C7EH1lr6.js";
 import { a as he, u as fo, s as _o } from "./useForkRef-DwN_Iz9R.js";
 import { u as Ao, a as _n } from "./useTimeout-BdvDipeg.js";
-import { c as eo, r as we, e as An } from "./refType-COGEdfch.js";
+import { c as eo, r as we, e as An } from "./refType-DD4W022k.js";
 import { _ as Bn, T as en } from "./TransitionGroupContext-BkoHK5Kx.js";
 import * as Un from "react-dom";
 import Xe from "react-dom";
 import { i as Wn } from "./isHostComponent-kiaBvYVo.js";
-import { c as Vn } from "./createSvgIcon-B8vHI3I6.js";
+import { c as Vn } from "./createSvgIcon-CqnqGmKb.js";
 function qn(o) {
   const {
     prototype: n = {}

package/dist/{Tooltip-D42pzHKW.js → Tooltip-BNHvGJbI.js}

@@ -1,27 +1,27 @@
-import { A as uo, P as o, m as l, L as Ae, _ as D, F as De, K as zo, U as un, N as fn, d as Ko, T as Yo, V as W, W as q, X as To, Y as xo, Z as oo, R as mn, t as ar, $ as bn, i as gn, w as H, v as F, q as L, x as M, y as ee, z as hn, D as Eo, B as ot, a0 as ir, a1 as lr, a2 as Nt, a3 as yn } from "./identifier-D-ng7Qqa.js";
-import { r as fo, a as vn } from "./createSvgIcon-DjuUwmEp.js";
+import { A as uo, P as o, m as l, L as Ae, _ as D, F as De, K as zo, U as un, N as fn, d as Ko, T as Yo, V as W, W as q, X as To, Y as xo, Z as oo, R as mn, t as ar, $ as bn, i as gn, v as H, w as F, q as L, y as M, x as ee, z as hn, D as Eo, B as ot, a0 as ir, a1 as lr, a2 as Nt, a3 as yn } from "./identifier-7t6x6NpL.js";
+import { r as fo, a as vn } from "./createSvgIcon-BSaiInKs.js";
 import mo, { jsx as C, jsxs as oe } from "react/jsx-runtime";
 import * as y from "react";
 import { createElement as Cn } from "react";
-import { A as tt, z as Tn, d as Mo, C as rt, H as xn, D as Sn, E as $n, G as Bt, J as kn, K as Ro, N as Le, O as Xo, S as wn } from "./TextField-DDmGQyEr.js";
-import { a as On } from "./useTheme-CjBTq22m.js";
-import { R as Pn, u as bo, a as Do, e as Et, b as Rn, c as So } from "./useTheme-iNHILPzK.js";
-import { D as In, s as P, u as z, c as V, a as _e } from "./styled-xiAudcD_.js";
+import { A as tt, z as Tn, d as Mo, C as rt, H as xn, D as Sn, E as $n, G as Bt, J as kn, K as Ro, N as Le, O as Xo, S as wn } from "./TextField-B4qTEIO2.js";
+import { a as On } from "./useTheme-BiK-zs4C.js";
+import { R as Pn, u as bo, a as Do, e as Et, b as Rn, c as So } from "./useTheme-Bu2IMnsb.js";
+import { D as In, s as P, u as z, c as V, a as _e } from "./styled-JogyYCCE.js";
 import { ThemeContext as Nn, keyframes as nt, css as st } from "@emotion/react";
-import { c as at, r as it, e as Bn } from "./refType-COGEdfch.js";
-import { T as le } from "./Typography-B2XMXu83.js";
-import { u as lt, f as cr, I as En } from "./InputBase-DNkF-TAp.js";
-import { B as Lo } from "./ButtonBase-4F5roLHd.js";
+import { c as at, r as it, e as Bn } from "./refType-DD4W022k.js";
+import { T as le } from "./Typography-DKaWjusd.js";
+import { u as lt, f as cr, I as En } from "./InputBase-DUJMZhoC.js";
+import { B as Lo } from "./ButtonBase-SWE4hCL5.js";
 import { u as dr } from "./useControlled-DoRrpN8o.js";
-import { c as je } from "./createSvgIcon-B8vHI3I6.js";
-import { z as Mn, i as Dn, k as Xe, m as Ln, P as pr } from "./DatePicker-DGVeagTz.js";
+import { c as je } from "./createSvgIcon-CqnqGmKb.js";
+import { z as Mn, i as Dn, k as Xe, m as Ln, P as pr } from "./DatePicker-CBbEZtFp.js";
 import { a as Ve, u as ur } from "./useForkRef-DwN_Iz9R.js";
 import { d as An, a as fr, o as Ho } from "./ownerWindow-C7EH1lr6.js";
-import { S as _n } from "./Stack-BJ2ths-g.js";
+import { S as _n } from "./Stack-D91dopIg.js";
 import { u as mr } from "./useIsFocusVisible-DhASXQ4o.js";
 import { a as to, u as io, T as jn } from "./useTimeout-BdvDipeg.js";
-import { K as Vn, d as Fn } from "./Tabs-CWujD0SK.js";
-import { I as $o } from "./IconButton-D_deQOvN.js";
+import { K as Vn, d as Fn } from "./Tabs-tHFGULLQ.js";
+import { I as $o } from "./IconButton-CSDSU5zJ.js";
 import { u as Zo } from "./useId-BW-oWmul.js";
 import { i as zn } from "./isHostComponent-kiaBvYVo.js";
 var ct = {}, Hn = uo;

package/dist/{Typography-B2XMXu83.js → Typography-DKaWjusd.js}

@@ -1,6 +1,6 @@
-import { w as C, v as W, q as f, m as p, z as M, _ as O, x as j, P as t } from "./identifier-D-ng7Qqa.js";
+import { v as C, w as W, q as f, m as p, z as M, _ as O, y as j, P as t } from "./identifier-7t6x6NpL.js";
 import * as P from "react";
-import { s as N, u as R, c as _ } from "./styled-xiAudcD_.js";
+import { s as N, u as R, c as _ } from "./styled-JogyYCCE.js";
 import { jsx as U } from "react/jsx-runtime";
 function $(a) {
   return C("MuiTypography", a);

package/dist/assets/index.css

@@ -1 +1 @@
-.cs-loader{padding:0 auto;text-align:center;white-space:nowrap;overflow:hidden}.cs-loader-inner label{font-size:16px;opacity:0;display:inline-block;vertical-align:middle}@keyframes lol{0%{opacity:0;transform:translate(-100px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.cs-loader-inner label:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner label:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner label:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner label:nth-child(1){animation:lol 3s .5s infinite ease-in-out}body{margin:0;padding:0;background:#fff}.cs-loader-backdrop{position:absolute;top:0;left:0;height:100%;width:100%}.cs-loader-backdrop-inner{transform:translateY(-50%);top:50%;position:absolute;width:100%;color:#00b8de;padding:0 100px;text-align:center}.cs-loader-backdrop-inner label{font-size:20px;opacity:0;display:inline-block}@keyframes lol-backdrop{0%{opacity:0;transform:translate(-300px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px)}}.cs-loader-backdrop-inner label:nth-child(4){animation:lol-backdrop 3s .2s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(3){animation:lol-backdrop 3s .3s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(2){animation:lol-backdrop 3s .4s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(1){animation:lol-backdrop 3s .5s infinite ease-in-out}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex{display:flex}.table{display:table}.w-full{width:100%}.border{border-width:1px}.text-start{text-align:start}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
+.cs-loader{padding:0 auto;text-align:center;white-space:nowrap;overflow:hidden}.cs-loader-inner label{font-size:16px;opacity:0;display:inline-block;vertical-align:middle}@keyframes lol{0%{opacity:0;transform:translate(-100px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.cs-loader-inner label:nth-child(4){animation:lol 3s .2s infinite ease-in-out}.cs-loader-inner label:nth-child(3){animation:lol 3s .3s infinite ease-in-out}.cs-loader-inner label:nth-child(2){animation:lol 3s .4s infinite ease-in-out}.cs-loader-inner label:nth-child(1){animation:lol 3s .5s infinite ease-in-out}body{margin:0;padding:0;background:#fff}.cs-loader-backdrop{position:absolute;top:0;left:0;height:100%;width:100%}.cs-loader-backdrop-inner{transform:translateY(-50%);top:50%;position:absolute;width:100%;color:#00b8de;padding:0 100px;text-align:center}.cs-loader-backdrop-inner label{font-size:20px;opacity:0;display:inline-block}@keyframes lol-backdrop{0%{opacity:0;transform:translate(-300px)}33%{opacity:1;transform:translate(0)}66%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(300px)}}.cs-loader-backdrop-inner label:nth-child(4){animation:lol-backdrop 3s .2s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(3){animation:lol-backdrop 3s .3s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(2){animation:lol-backdrop 3s .4s infinite ease-in-out}.cs-loader-backdrop-inner label:nth-child(1){animation:lol-backdrop 3s .5s infinite ease-in-out}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.table{display:table}.hidden{display:none}.w-full{width:100%}.border{border-width:1px}.text-start{text-align:start}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

package/dist/components/Dropzone/Dropzone.es.js

@@ -1,9 +1,9 @@
 import nr, { jsxs as ve, jsx as T, Fragment as Ue } from "react/jsx-runtime";
-import { A as or, P as f } from "../../identifier-D-ng7Qqa.js";
-import { r as ir } from "../../createSvgIcon-DjuUwmEp.js";
+import { A as or, P as f } from "../../identifier-7t6x6NpL.js";
+import { r as ir } from "../../createSvgIcon-BSaiInKs.js";
 import Fr, { useMemo as I, useRef as Q, useReducer as xr, useEffect as ye, useCallback as A, forwardRef as _r, useImperativeHandle as jr, Fragment as Sr } from "react";
-import { S as Pr } from "../../Stack-BJ2ths-g.js";
-import { T as be } from "../../Typography-B2XMXu83.js";
+import { S as Pr } from "../../Stack-D91dopIg.js";
+import { T as be } from "../../Typography-DKaWjusd.js";
 var Fe = {}, Tr = or;
 Object.defineProperty(Fe, "__esModule", {
   value: !0

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

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
 import '../../assets/styles.css';/* empty css                    */
-import { B as l } from "../../Box-Bawb5zHX.js";
+import { B as l } from "../../Box-esDTbXB3.js";
 const i = ({}) => /* @__PURE__ */ r(l, { className: "cs-loader", color: "primary.main", children: /* @__PURE__ */ e(l, { className: "cs-loader-inner", children: [
   /* @__PURE__ */ r("label", { children: "●" }),
   /* @__PURE__ */ r("label", { children: "●" }),

package/dist/components/PaperHeader/PaperHeader.es.js

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
-import { S as u } from "../../Stack-BJ2ths-g.js";
-import { T as x } from "../../Typography-B2XMXu83.js";
+import { S as u } from "../../Stack-D91dopIg.js";
+import { T as x } from "../../Typography-DKaWjusd.js";
 const j = ({
   title: d,
   IconComponent: e,

package/dist/components/PaperHeader/PaperHeader.stories.es.js

@@ -1,6 +1,6 @@
 import a, { jsx as s } from "react/jsx-runtime";
-import { A as i, r as n } from "../../identifier-D-ng7Qqa.js";
-import { r as p } from "../../createSvgIcon-DjuUwmEp.js";
+import { A as i, r as n } from "../../identifier-7t6x6NpL.js";
+import { r as p } from "../../createSvgIcon-BSaiInKs.js";
 import r from "./PaperHeader.es.js";
 var e = {}, d = i;
 Object.defineProperty(e, "__esModule", {

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/styles2.css');require('../../assets/styles.css');const t=require("react/jsx-runtime"),r=require("@mui/material"),n=require("react"),a=require("./style.cjs.js"),R=require("./utils.cjs.js");require("../inputs/SearchInput/SearchInput.cjs.js");const E=require("../inputs/TextInput/TextInput.cjs.js");require("../../DefaultButton-y-mHSNFH.cjs");require("../feedback/Alert/Alert.cjs.js");require("../lists/FileList/FileListItem.cjs.js");;/* empty css                      */;/* empty css                      */require("../../fr-TRjulm1Q.cjs");const q=n.forwardRef(({users:p,selectedUsers:i,onUserSelectionChange:h,minSearchLength:b=1,translations:l=R.defaultTranslations,chipVariantStyle:g="filled"},v)=>{const[s,x]=n.useState(""),[S,c]=n.useState(!1),[y,I]=n.useState([]),[m,B]=n.useState(!1),f=i.length>8,j=i.length===0;n.useImperativeHandle(v,()=>({closeList:()=>c(!1)})),n.useEffect(()=>{const e=s.toLowerCase(),o=p.reduce((d,u)=>d.length<5&&u.label.toLowerCase().includes(e)&&!i.some(_=>_.id===u.id)?[...d,u]:d,[]);I(o)},[s,p,i]);const C=e=>{const{value:o}=e.target;x(o),S||c(!0)},L=e=>{h([...i,e]),c(!1),x("")},T=e=>{h(i.filter(o=>o.id!==e.id))},w=()=>B(!0);return t.jsxs(r.Box,{sx:a.wrapperBoxStyle,children:[t.jsx(r.Typography,{variant:"h2",children:l.title}),t.jsxs(r.Box,{sx:{width:"100%",position:"relative",maxWidth:"100%"},children:[t.jsx(E,{name:"search",placeholder:l.searchPlaceholder,fullWidth:!0,value:s,onChange:C}),s.length>=b&&S&&t.jsx(r.Paper,{sx:a.paperStyle,children:y.length?t.jsx(r.List,{children:y.map(e=>t.jsx(r.ListItemButton,{onClick:()=>L(e),children:t.jsx(r.ListItemText,{primary:e.label})},e.id))}):t.jsx(r.Typography,{sx:{padding:".5rem"},variant:"body1",children:l.noResults})})]}),t.jsx(a.ChipBox,{isEmpty:j,isScrollable:m&&f,children:j?t.jsx(r.Typography,{variant:"body1",children:l.emptySelection}):i.map(e=>t.jsx(r.Chip,{color:"primary",variant:g,label:e.label,onDelete:()=>T(e),sx:{maxWidth:"20%",justifyContent:"space-betweeen"}},e.id))}),t.jsx(r.Collapse,{in:f&&!m,collapsedSize:0,children:t.jsx(r.Button,{sx:a.seeMoreButtonStyle,"data-testid":"see-more",onClick:w,children:l.expandButton})})]})});q.displayName="UserSelectionSection";exports.UserSelectionSection=q;

package/dist/components/UserSelectionSection/index.d.ts

@@ -0,0 +1,3 @@
+import { UserSelectionSectionComponent } from './types';
+
+export declare const UserSelectionSection: UserSelectionSectionComponent;