@amateescu/portal-ui-components 0.0.30-beta8 → 0.0.31

package/dist/{Box-ZFRI9JCw.js → Box-D-aleOLf.js}

@@ -1,4 +1,4 @@
-import { j as d, k as T, l as C, n as P, o as b, c as B, a as N, C as g, T as j, p as O, P as n } from "./createSimplePaletteValueFilter-rq2_biPF.js";
+import { j as d, k as T, l as C, n as P, o as b, c as B, a as N, C as g, T as j, p as O, P as n } from "./createSimplePaletteValueFilter-evt-Xthj.js";
 import * as u from "react";
 import { jsx as E } from "react/jsx-runtime";
 import { ThemeContext as S } from "@emotion/react";

package/dist/{Button-CNfTnafe.js → Button-xgiLW4_3.js}

@@ -1,8 +1,8 @@
 import * as s from "react";
-import { a as J, g as K, r as Q, u as X, s as b, c as N, b as r, d as Y, h as Z, m as oo, i as f, e as to, P as t } from "./createSimplePaletteValueFilter-rq2_biPF.js";
+import { a as J, g as K, r as Q, u as X, s as b, c as N, b as r, d as Y, h as Z, m as oo, i as f, e as to, P as t } from "./createSimplePaletteValueFilter-evt-Xthj.js";
 import { jsxs as ao, jsx as c } from "react/jsx-runtime";
-import { B as no } from "./ButtonBase-DWpUn0eT.js";
-import { C as io } from "./CircularProgress-D6RyizwS.js";
+import { B as no } from "./ButtonBase-DUKuDCWw.js";
+import { C as io } from "./CircularProgress-Dq_bUtxt.js";
 let O = 0;
 function ro(o) {
   const [a, n] = s.useState(o), i = o || a;
@@ -372,8 +372,7 @@ const co = (o) => {
   }, ...k]
 })), vo = b("span", {
   name: "MuiButton",
-  slot: "LoadingIndicator",
-  overridesResolver: (o, a) => a.loadingIndicator
+  slot: "LoadingIndicator"
 })(({
   theme: o
 }) => ({
@@ -463,8 +462,7 @@ const co = (o) => {
   }]
 })), T = b("span", {
   name: "MuiButton",
-  slot: "LoadingIconPlaceholder",
-  overridesResolver: (o, a) => a.loadingIconPlaceholder
+  slot: "LoadingIconPlaceholder"
 })({
   display: "inline-block",
   width: "1em",

package/dist/{ButtonBase-DWpUn0eT.js → ButtonBase-DUKuDCWw.js}

@@ -3,31 +3,14 @@ var Le = (t, e, n) => e in t ? Be(t, e, { enumerable: !0, configurable: !0, writ
 var X = (t, e, n) => Le(t, typeof e != "symbol" ? e + "" : e, n);
 import * as c from "react";
 import K, { isValidElement as G, cloneElement as Z, Children as Oe } from "react";
-import { f as ke, P as o, c as C, a as fe, u as de, s as ne, g as je, d as $e } from "./createSimplePaletteValueFilter-rq2_biPF.js";
+import { P as o, f as ke, c as C, a as fe, u as de, s as ne, g as je, d as $e } from "./createSimplePaletteValueFilter-evt-Xthj.js";
 import { jsx as F, jsxs as Fe } from "react/jsx-runtime";
 import { a as Ue, _ as ze, b as _e, c as Ae } from "./objectWithoutPropertiesLoose-BTau6TOn.js";
 import { keyframes as oe } from "@emotion/react";
-function Ye(t) {
-  const {
-    prototype: e = {}
-  } = t;
-  return !!e.isReactComponent;
-}
-function Xe(t, e, n, u, i) {
-  const r = t[e], s = i || e;
-  if (r == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let l;
-  return typeof r == "function" && !Ye(r) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${u} \`${s}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const Ke = ke(o.elementType, Xe), qe = o.oneOfType([o.func, o.object]), He = typeof window < "u" ? c.useLayoutEffect : c.useEffect;
+const Ye = typeof window < "u" ? c.useLayoutEffect : c.useEffect;
 function J(t) {
   const e = c.useRef(t);
-  return He(() => {
+  return Ye(() => {
     e.current = t;
   }), c.useRef((...n) => (
     // @ts-expect-error hide `this`
@@ -57,40 +40,26 @@ function ae(...t) {
     e.current && (e.current(), e.current = void 0), u != null && (e.current = n(u));
   }, t);
 }
-const le = {};
-function he(t, e) {
-  const n = c.useRef(le);
-  return n.current === le && (n.current = t(e)), n;
-}
-const We = [];
-function Ge(t) {
-  c.useEffect(t, We);
-}
-class re {
-  constructor() {
-    X(this, "currentId", null);
-    X(this, "clear", () => {
-      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
-    });
-    X(this, "disposeEffect", () => this.clear);
-  }
-  static create() {
-    return new re();
-  }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(e, n) {
-    this.clear(), this.currentId = setTimeout(() => {
-      this.currentId = null, n();
-    }, e);
-  }
+const Xe = o.oneOfType([o.func, o.object]);
+function Ke(t) {
+  const {
+    prototype: e = {}
+  } = t;
+  return !!e.isReactComponent;
 }
-function Ze() {
-  const t = he(re.create).current;
-  return Ge(t.disposeEffect), t;
+function qe(t, e, n, u, i) {
+  const r = t[e], s = i || e;
+  if (r == null || // When server-side rendering React doesn't warn either.
+  // This is not an accurate check for SSR.
+  // This is only in place for emotion compat.
+  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
+  typeof window > "u")
+    return null;
+  let l;
+  return typeof r == "function" && !Ke(r) && (l = "Did you accidentally provide a plain function component instead?"), l !== void 0 ? new Error(`Invalid ${u} \`${s}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-function ce(t) {
+const He = ke(o.elementType, qe);
+function le(t) {
   try {
     return t.matches(":focus-visible");
   } catch {
@@ -99,6 +68,11 @@ function ce(t) {
   }
   return !1;
 }
+const ce = {};
+function he(t, e) {
+  const n = c.useRef(ce);
+  return n.current === ce && (n.current = t(e)), n;
+}
 class Q {
   constructor() {
     X(this, "mountEffect", () => {
@@ -121,7 +95,7 @@ class Q {
     return e.shouldMount = n, e.setShouldMount = u, c.useEffect(e.mountEffect, [n]), e;
   }
   mount() {
-    return this.mounted || (this.mounted = Qe(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
+    return this.mounted || (this.mounted = Ge(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
   }
   /* Ripple API */
   start(...e) {
@@ -143,21 +117,21 @@ class Q {
     });
   }
 }
-function Je() {
+function We() {
   return Q.use();
 }
-function Qe() {
+function Ge() {
   let t, e;
   const n = new Promise((u, i) => {
     t = u, e = i;
   });
   return n.resolve = t, n.reject = e, n;
 }
-function et(t, e) {
+function Ze(t, e) {
   t.prototype = Object.create(e.prototype), t.prototype.constructor = t, Ue(t, e);
 }
 const pe = K.createContext(null);
-function ie(t, e) {
+function re(t, e) {
   var n = function(r) {
     return e && G(r) ? e(r) : r;
   }, u = /* @__PURE__ */ Object.create(null);
@@ -167,7 +141,7 @@ function ie(t, e) {
     u[i.key] = n(i);
   }), u;
 }
-function tt(t, e) {
+function Je(t, e) {
   t = t || {}, e = e || {};
   function n(h) {
     return h in e ? e[h] : t[h];
@@ -191,8 +165,8 @@ function tt(t, e) {
 function O(t, e, n) {
   return n[e] != null ? n[e] : t.props[e];
 }
-function nt(t, e) {
-  return ie(t.children, function(n) {
+function Qe(t, e) {
+  return re(t.children, function(n) {
     return Z(n, {
       onExited: e.bind(null, n),
       in: !0,
@@ -202,8 +176,8 @@ function nt(t, e) {
     });
   });
 }
-function ot(t, e, n) {
-  var u = ie(t.children), i = tt(e, u);
+function et(t, e, n) {
+  var u = re(t.children), i = Je(e, u);
   return Object.keys(i).forEach(function(r) {
     var s = i[r];
     if (G(s)) {
@@ -224,17 +198,17 @@ function ot(t, e, n) {
     }
   }), i;
 }
-var rt = Object.values || function(t) {
+var tt = Object.values || function(t) {
   return Object.keys(t).map(function(e) {
     return t[e];
   });
-}, it = {
+}, nt = {
   component: "div",
   childFactory: function(e) {
     return e;
   }
-}, se = /* @__PURE__ */ function(t) {
-  et(e, t);
+}, ie = /* @__PURE__ */ function(t) {
+  Ze(e, t);
   function e(u, i) {
     var r;
     r = t.call(this, u, i) || this;
@@ -259,11 +233,11 @@ var rt = Object.values || function(t) {
   }, e.getDerivedStateFromProps = function(i, r) {
     var s = r.children, l = r.handleExited, p = r.firstRender;
     return {
-      children: p ? nt(i, l) : ot(i, s, l),
+      children: p ? Qe(i, l) : et(i, s, l),
       firstRender: !1
     };
   }, n.handleExited = function(i, r) {
-    var s = ie(this.props.children);
+    var s = re(this.props.children);
     i.key in s || (i.props.onExited && i.props.onExited(r), this.mounted && this.setState(function(l) {
       var p = ze({}, l.children);
       return delete p[i.key], {
@@ -271,7 +245,7 @@ var rt = Object.values || function(t) {
       };
     }));
   }, n.render = function() {
-    var i = this.props, r = i.component, s = i.childFactory, l = _e(i, ["component", "childFactory"]), p = this.state.contextValue, d = rt(this.state.children).map(s);
+    var i = this.props, r = i.component, s = i.childFactory, l = _e(i, ["component", "childFactory"]), p = this.state.contextValue, d = tt(this.state.children).map(s);
     return delete l.appear, delete l.enter, delete l.exit, r === null ? /* @__PURE__ */ K.createElement(pe.Provider, {
       value: p
     }, d) : /* @__PURE__ */ K.createElement(pe.Provider, {
@@ -279,7 +253,7 @@ var rt = Object.values || function(t) {
     }, /* @__PURE__ */ K.createElement(r, l, d));
   }, e;
 }(K.Component);
-se.propTypes = process.env.NODE_ENV !== "production" ? {
+ie.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * `<TransitionGroup>` renders a `<div>` by default. You can change this
    * behavior by providing a `component` prop.
@@ -332,7 +306,35 @@ se.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: o.func
 } : {};
-se.defaultProps = it;
+ie.defaultProps = nt;
+const ot = [];
+function rt(t) {
+  c.useEffect(t, ot);
+}
+class se {
+  constructor() {
+    X(this, "currentId", null);
+    X(this, "clear", () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    });
+    X(this, "disposeEffect", () => this.clear);
+  }
+  static create() {
+    return new se();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(e, n) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, n();
+    }, e);
+  }
+}
+function it() {
+  const t = he(se.create).current;
+  return rt(t.disposeEffect), t;
+}
 function me(t) {
   const {
     className: e,
@@ -344,7 +346,7 @@ function me(t) {
     in: l,
     onExited: p,
     timeout: d
-  } = t, [h, m] = c.useState(!1), R = C(e, n.ripple, n.rippleVisible, u && n.ripplePulsate), N = {
+  } = t, [h, m] = c.useState(!1), M = C(e, n.ripple, n.rippleVisible, u && n.ripplePulsate), N = {
     width: s,
     height: s,
     top: -(s / 2) + r,
@@ -358,7 +360,7 @@ function me(t) {
       };
     }
   }, [p, l, d]), /* @__PURE__ */ F("span", {
-    className: R,
+    className: M,
     style: N,
     children: /* @__PURE__ */ F("span", {
       className: g
@@ -510,10 +512,10 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
   c.useEffect(() => {
     m.current && (m.current(), m.current = null);
   }, [p]);
-  const R = c.useRef(!1), N = Ze(), g = c.useRef(null), S = c.useRef(null), x = c.useCallback((f) => {
+  const M = c.useRef(!1), N = it(), g = c.useRef(null), S = c.useRef(null), x = c.useCallback((f) => {
     const {
       pulsate: T,
-      rippleX: M,
+      rippleX: R,
       rippleY: $,
       rippleSize: I,
       cb: U
@@ -529,11 +531,11 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       },
       timeout: te,
       pulsate: T,
-      rippleX: M,
+      rippleX: R,
       rippleY: $,
       rippleSize: I
     }, h.current)]), h.current += 1, m.current = U;
-  }, [r]), k = c.useCallback((f = {}, T = {}, M = () => {
+  }, [r]), k = c.useCallback((f = {}, T = {}, R = () => {
   }) => {
     const {
       pulsate: $ = !1,
@@ -541,49 +543,49 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       fakeElement: U = !1
       // For test purposes
     } = T;
-    if ((f == null ? void 0 : f.type) === "mousedown" && R.current) {
-      R.current = !1;
+    if ((f == null ? void 0 : f.type) === "mousedown" && M.current) {
+      M.current = !1;
       return;
     }
-    (f == null ? void 0 : f.type) === "touchstart" && (R.current = !0);
+    (f == null ? void 0 : f.type) === "touchstart" && (M.current = !0);
     const E = U ? null : S.current, D = E ? E.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let v, P, V;
+    let V, P, v;
     if (I || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
-      v = Math.round(D.width / 2), P = Math.round(D.height / 2);
+      V = Math.round(D.width / 2), P = Math.round(D.height / 2);
     else {
       const {
         clientX: z,
         clientY: B
       } = f.touches && f.touches.length > 0 ? f.touches[0] : f;
-      v = Math.round(z - D.left), P = Math.round(B - D.top);
+      V = Math.round(z - D.left), P = Math.round(B - D.top);
     }
     if (I)
-      V = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), V % 2 === 0 && (V += 1);
+      v = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), v % 2 === 0 && (v += 1);
     else {
-      const z = Math.max(Math.abs((E ? E.clientWidth : 0) - v), v) * 2 + 2, B = Math.max(Math.abs((E ? E.clientHeight : 0) - P), P) * 2 + 2;
-      V = Math.sqrt(z ** 2 + B ** 2);
+      const z = Math.max(Math.abs((E ? E.clientWidth : 0) - V), V) * 2 + 2, B = Math.max(Math.abs((E ? E.clientHeight : 0) - P), P) * 2 + 2;
+      v = Math.sqrt(z ** 2 + B ** 2);
     }
     f != null && f.touches ? g.current === null && (g.current = () => {
       x({
         pulsate: $,
-        rippleX: v,
+        rippleX: V,
         rippleY: P,
-        rippleSize: V,
-        cb: M
+        rippleSize: v,
+        cb: R
       });
     }, N.start(st, () => {
       g.current && (g.current(), g.current = null);
     })) : x({
       pulsate: $,
-      rippleX: v,
+      rippleX: V,
       rippleY: P,
-      rippleSize: V,
-      cb: M
+      rippleSize: v,
+      cb: R
     });
   }, [i, x, N]), q = c.useCallback(() => {
     k({}, {
@@ -596,7 +598,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
       });
       return;
     }
-    g.current = null, d((M) => M.length > 0 ? M.slice(1) : M), m.current = T;
+    g.current = null, d((R) => R.length > 0 ? R.slice(1) : R), m.current = T;
   }, [N]);
   return c.useImperativeHandle(n, () => ({
     pulsate: q,
@@ -606,7 +608,7 @@ const y = fe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
     className: C(y.root, r.root, s),
     ref: S,
     ...l,
-    children: /* @__PURE__ */ F(se, {
+    children: /* @__PURE__ */ F(ie, {
       component: null,
       exit: !0,
       children: p
@@ -643,8 +645,7 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
   return n && u && (s.root += ` ${u}`), s;
 }, mt = ne("button", {
   name: "MuiButtonBase",
-  slot: "Root",
-  overridesResolver: (t, e) => e.root
+  slot: "Root"
 })({
   display: "inline-flex",
   alignItems: "center",
@@ -697,7 +698,7 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
     disabled: d = !1,
     disableRipple: h = !1,
     disableTouchRipple: m = !1,
-    focusRipple: R = !1,
+    focusRipple: M = !1,
     focusVisibleClassName: N,
     LinkComponent: g = "a",
     onBlur: S,
@@ -707,19 +708,19 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
     onFocus: j,
     onFocusVisible: f,
     onKeyDown: T,
-    onKeyUp: M,
+    onKeyUp: R,
     onMouseDown: $,
     onMouseLeave: I,
     onMouseUp: U,
     onTouchEnd: E,
     onTouchMove: D,
-    onTouchStart: v,
+    onTouchStart: V,
     tabIndex: P = 0,
-    TouchRippleProps: V,
+    TouchRippleProps: v,
     touchRippleRef: z,
     type: B,
     ..._
-  } = u, A = c.useRef(null), b = Je(), ge = ae(b.ref, z), [L, H] = c.useState(!1);
+  } = u, A = c.useRef(null), b = We(), ge = ae(b.ref, z), [L, H] = c.useState(!1);
   d && L && H(!1), c.useImperativeHandle(i, () => ({
     focusVisible: () => {
       H(!0), A.current.focus();
@@ -727,25 +728,25 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
   }), []);
   const ye = b.shouldMount && !h && !d;
   c.useEffect(() => {
-    L && R && !h && b.pulsate();
-  }, [h, R, L, b]);
-  const Re = w(b, "start", $, m), Me = w(b, "stop", k, m), Te = w(b, "stop", q, m), Ee = w(b, "stop", U, m), Ce = w(b, "stop", (a) => {
+    L && M && !h && b.pulsate();
+  }, [h, M, L, b]);
+  const Me = w(b, "start", $, m), Re = w(b, "stop", k, m), Te = w(b, "stop", q, m), Ee = w(b, "stop", U, m), Ce = w(b, "stop", (a) => {
     L && a.preventDefault(), I && I(a);
-  }, m), xe = w(b, "start", v, m), Pe = w(b, "stop", E, m), we = w(b, "stop", D, m), Ne = w(b, "stop", (a) => {
-    ce(a.target) || H(!1), S && S(a);
+  }, m), xe = w(b, "start", V, m), Pe = w(b, "stop", E, m), we = w(b, "stop", D, m), Ne = w(b, "stop", (a) => {
+    le(a.target) || H(!1), S && S(a);
   }, !1), De = J((a) => {
-    A.current || (A.current = a.currentTarget), ce(a.target) && (H(!0), f && f(a)), j && j(a);
+    A.current || (A.current = a.currentTarget), le(a.target) && (H(!0), f && f(a)), j && j(a);
   }), ee = () => {
     const a = A.current;
     return p && p !== "button" && !(a.tagName === "A" && a.href);
-  }, ve = J((a) => {
-    R && !a.repeat && L && a.key === " " && b.stop(a, () => {
+  }, Ve = J((a) => {
+    M && !a.repeat && L && a.key === " " && b.stop(a, () => {
       b.start(a);
     }), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), T && T(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !d && (a.preventDefault(), x && x(a));
-  }), Ve = J((a) => {
-    R && a.key === " " && L && !a.defaultPrevented && b.stop(a, () => {
+  }), ve = J((a) => {
+    M && a.key === " " && L && !a.defaultPrevented && b.stop(a, () => {
       b.pulsate(a);
-    }), M && M(a), x && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && x(a);
+    }), R && R(a), x && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && x(a);
   });
   let W = p;
   W === "button" && (_.href || _.to) && (W = g);
@@ -758,7 +759,7 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
     disabled: d,
     disableRipple: h,
     disableTouchRipple: m,
-    focusRipple: R,
+    focusRipple: M,
     tabIndex: P,
     focusVisible: L
   }, Ie = ht(ue);
@@ -768,11 +769,11 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
     ownerState: ue,
     onBlur: Ne,
     onClick: x,
-    onContextMenu: Me,
+    onContextMenu: Re,
     onFocus: De,
-    onKeyDown: ve,
-    onKeyUp: Ve,
-    onMouseDown: Re,
+    onKeyDown: Ve,
+    onKeyUp: ve,
+    onMouseDown: Me,
     onMouseLeave: Ce,
     onMouseUp: Ee,
     onDragLeave: Te,
@@ -787,7 +788,7 @@ const dt = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), ht = (t) =
     children: [s, ye ? /* @__PURE__ */ F(be, {
       ref: ge,
       center: r,
-      ...V
+      ...v
     }) : null]
   });
 });
@@ -803,7 +804,7 @@ process.env.NODE_ENV !== "production" && (bt.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: qe,
+  action: Xe,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -826,7 +827,7 @@ process.env.NODE_ENV !== "production" && (bt.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: Ke,
+  component: He,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -955,11 +956,11 @@ process.env.NODE_ENV !== "production" && (bt.propTypes = {
 export {
   bt as B,
   pe as T,
-  et as _,
-  He as a,
+  Ze as _,
+  Ye as a,
   J as b,
-  Ze as c,
-  Ke as e,
-  qe as r,
+  it as c,
+  He as e,
+  Xe as r,
   ae as u
 };