@hybridcore/ui 1.5.90 → 1.6.1

package/dist/{ButtonBase-DsX-jMQJ.js → ButtonBase-sObABYY2.js}

@@ -1,13 +1,16 @@
 import { a as Y, _ as ue } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as l from "react";
 import X, { Children as qe, isValidElement as G, cloneElement as J } from "react";
-import { P as n } from "./index-DMSHuq6l.js";
-import { b as We, c as v, g as Ce, u as ve, a as He } from "./useThemeProps-DRP1dikX.js";
-import { s as ae } from "./styled-B8ugzvji.js";
+import { P as n } from "./index-C__OZmYy.js";
+import { c as C, g as ve, s as ae, u as Ce, b as We, a as He } from "./styled-Bsjp3kFh.js";
+import { keyframes as le } from "@mui/system";
 import { jsx as $, jsxs as Ge } from "react/jsx-runtime";
 import { _ as Je, a as Qe } from "./assertThisInitialized-BUtkG-md.js";
-import { keyframes as le } from "@emotion/react";
-import { g as Ze } from "./createTheme-CNnKNxwL.js";
+function Ze(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...a) {
+    return e(...a) || t(...a);
+  };
+}
 function et(e) {
   const {
     prototype: t = {}
@@ -25,7 +28,7 @@ function tt(e, t, o, a, r) {
   let c;
   return typeof i == "function" && !et(i) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${a} \`${s}\` supplied to \`${o}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const nt = We(n.elementType, tt), ot = n.oneOfType([n.func, n.object]);
+const nt = Ze(n.elementType, tt), ot = n.oneOfType([n.func, n.object]);
 function rt(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
@@ -319,12 +322,12 @@ function xe(e) {
     in: c,
     onExited: p,
     timeout: f
-  } = e, [h, R] = l.useState(!1), y = v(t, o.ripple, o.rippleVisible, a && o.ripplePulsate), P = {
+  } = e, [h, R] = l.useState(!1), y = C(t, o.ripple, o.rippleVisible, a && o.ripplePulsate), N = {
     width: s,
     height: s,
     top: -(s / 2) + i,
     left: -(s / 2) + r
-  }, m = v(o.child, h && o.childLeaving, a && o.childPulsate);
+  }, m = C(o.child, h && o.childLeaving, a && o.childPulsate);
   return !c && !h && R(!0), l.useEffect(() => {
     if (!c && p != null) {
       const T = setTimeout(p, f);
@@ -334,7 +337,7 @@ function xe(e) {
     }
   }, [p, c, f]), /* @__PURE__ */ $("span", {
     className: y,
-    style: P,
+    style: N,
     children: /* @__PURE__ */ $("span", {
       className: m
     })
@@ -376,7 +379,7 @@ process.env.NODE_ENV !== "production" && (xe.propTypes = {
    */
   timeout: n.number.isRequired
 });
-const b = Ce("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), Tt = ["center", "classes", "className"];
+const b = ve("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), Tt = ["center", "classes", "className"];
 let Z = (e) => e, Re, Te, Ee, Me;
 const se = 550, Et = 80, Mt = le(Re || (Re = Z`
   0% {
@@ -388,7 +391,7 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
     transform: scale(1);
     opacity: 0.3;
   }
-`)), Ct = le(Te || (Te = Z`
+`)), vt = le(Te || (Te = Z`
   0% {
     opacity: 1;
   }
@@ -396,7 +399,7 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
   100% {
     opacity: 0;
   }
-`)), vt = le(Ee || (Ee = Z`
+`)), Ct = le(Ee || (Ee = Z`
   0% {
     transform: scale(1);
   }
@@ -471,12 +474,12 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
   theme: e
 }) => e.transitions.easing.easeInOut, b.ripplePulsate, ({
   theme: e
-}) => e.transitions.duration.shorter, b.child, b.childLeaving, Ct, se, ({
+}) => e.transitions.duration.shorter, b.child, b.childLeaving, vt, se, ({
   theme: e
-}) => e.transitions.easing.easeInOut, b.childPulsate, vt, ({
+}) => e.transitions.easing.easeInOut, b.childPulsate, Ct, ({
   theme: e
 }) => e.transitions.easing.easeInOut), Ve = /* @__PURE__ */ l.forwardRef(function(t, o) {
-  const a = ve({
+  const a = Ce({
     props: t,
     name: "MuiTouchRipple"
   }), {
@@ -487,9 +490,9 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
   l.useEffect(() => {
     R.current && (R.current(), R.current = null);
   }, [p]);
-  const y = l.useRef(!1), P = l.useRef(null), m = l.useRef(null), T = l.useRef(null);
+  const y = l.useRef(!1), N = l.useRef(null), m = l.useRef(null), T = l.useRef(null);
   l.useEffect(() => () => {
-    clearTimeout(P.current);
+    clearTimeout(N.current);
   }, []);
   const U = l.useCallback((d) => {
     const {
@@ -499,14 +502,14 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
       rippleSize: _,
       cb: K
     } = d;
-    f((C) => [...C, /* @__PURE__ */ $(Vt, {
+    f((v) => [...v, /* @__PURE__ */ $(Vt, {
       classes: {
-        ripple: v(i.ripple, b.ripple),
-        rippleVisible: v(i.rippleVisible, b.rippleVisible),
-        ripplePulsate: v(i.ripplePulsate, b.ripplePulsate),
-        child: v(i.child, b.child),
-        childLeaving: v(i.childLeaving, b.childLeaving),
-        childPulsate: v(i.childPulsate, b.childPulsate)
+        ripple: C(i.ripple, b.ripple),
+        rippleVisible: C(i.rippleVisible, b.rippleVisible),
+        ripplePulsate: C(i.ripplePulsate, b.ripplePulsate),
+        child: C(i.child, b.child),
+        childLeaving: C(i.childLeaving, b.childLeaving),
+        childPulsate: C(i.childPulsate, b.childPulsate)
       },
       timeout: se,
       pulsate: E,
@@ -527,42 +530,42 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
       return;
     }
     (d == null ? void 0 : d.type) === "touchstart" && (y.current = !0);
-    const C = K ? null : T.current, D = C ? C.getBoundingClientRect() : {
+    const v = K ? null : T.current, P = v ? v.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
       top: 0
     };
-    let x, N, B;
+    let x, D, B;
     if (_ || d === void 0 || d.clientX === 0 && d.clientY === 0 || !d.clientX && !d.touches)
-      x = Math.round(D.width / 2), N = Math.round(D.height / 2);
+      x = Math.round(P.width / 2), D = Math.round(P.height / 2);
     else {
       const {
         clientX: F,
         clientY: V
       } = d.touches && d.touches.length > 0 ? d.touches[0] : d;
-      x = Math.round(F - D.left), N = Math.round(V - D.top);
+      x = Math.round(F - P.left), D = Math.round(V - P.top);
     }
     if (_)
-      B = Math.sqrt((2 * D.width ** 2 + D.height ** 2) / 3), B % 2 === 0 && (B += 1);
+      B = Math.sqrt((2 * P.width ** 2 + P.height ** 2) / 3), B % 2 === 0 && (B += 1);
     else {
-      const F = Math.max(Math.abs((C ? C.clientWidth : 0) - x), x) * 2 + 2, V = Math.max(Math.abs((C ? C.clientHeight : 0) - N), N) * 2 + 2;
+      const F = Math.max(Math.abs((v ? v.clientWidth : 0) - x), x) * 2 + 2, V = Math.max(Math.abs((v ? v.clientHeight : 0) - D), D) * 2 + 2;
       B = Math.sqrt(F ** 2 + V ** 2);
     }
     d != null && d.touches ? m.current === null && (m.current = () => {
       U({
         pulsate: L,
         rippleX: x,
-        rippleY: N,
+        rippleY: D,
         rippleSize: B,
         cb: M
       });
-    }, P.current = setTimeout(() => {
+    }, N.current = setTimeout(() => {
       m.current && (m.current(), m.current = null);
     }, Et)) : U({
       pulsate: L,
       rippleX: x,
-      rippleY: N,
+      rippleY: D,
       rippleSize: B,
       cb: M
     });
@@ -571,8 +574,8 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
       pulsate: !0
     });
   }, [I]), O = l.useCallback((d, E) => {
-    if (clearTimeout(P.current), (d == null ? void 0 : d.type) === "touchend" && m.current) {
-      m.current(), m.current = null, P.current = setTimeout(() => {
+    if (clearTimeout(N.current), (d == null ? void 0 : d.type) === "touchend" && m.current) {
+      m.current(), m.current = null, N.current = setTimeout(() => {
         O(d, E);
       });
       return;
@@ -584,7 +587,7 @@ const se = 550, Et = 80, Mt = le(Re || (Re = Z`
     start: I,
     stop: O
   }), [j, I, O]), /* @__PURE__ */ $(xt, Y({
-    className: v(b.root, i.root, s),
+    className: C(b.root, i.root, s),
     ref: T
   }, c, {
     children: /* @__PURE__ */ $(fe, {
@@ -611,9 +614,9 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
   className: n.string
 });
 function wt(e) {
-  return Ze("MuiButtonBase", e);
+  return We("MuiButtonBase", e);
 }
-const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Nt = (e) => {
+const Nt = ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), Pt = ["action", "centerRipple", "children", "className", "component", "disabled", "disableRipple", "disableTouchRipple", "focusRipple", "focusVisibleClassName", "LinkComponent", "onBlur", "onClick", "onContextMenu", "onDragLeave", "onFocus", "onFocusVisible", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseLeave", "onMouseUp", "onTouchEnd", "onTouchMove", "onTouchStart", "tabIndex", "TouchRippleProps", "touchRippleRef", "type"], Dt = (e) => {
   const {
     disabled: t,
     focusVisible: o,
@@ -658,7 +661,7 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
     borderStyle: "none"
     // Remove Firefox dotted outline.
   },
-  [`&.${Pt.disabled}`]: {
+  [`&.${Nt.disabled}`]: {
     pointerEvents: "none",
     // Disable link interactions
     cursor: "default"
@@ -667,7 +670,7 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
     colorAdjust: "exact"
   }
 }), Lt = /* @__PURE__ */ l.forwardRef(function(t, o) {
-  const a = ve({
+  const a = Ce({
     props: t,
     name: "MuiButtonBase"
   }), {
@@ -680,7 +683,7 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
     disableRipple: h = !1,
     disableTouchRipple: R = !1,
     focusRipple: y = !1,
-    LinkComponent: P = "a",
+    LinkComponent: N = "a",
     onBlur: m,
     onClick: T,
     onContextMenu: U,
@@ -693,17 +696,17 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
     onMouseLeave: L,
     onMouseUp: _,
     onTouchEnd: K,
-    onTouchMove: C,
-    onTouchStart: D,
+    onTouchMove: v,
+    onTouchStart: P,
     tabIndex: x = 0,
-    TouchRippleProps: N,
+    TouchRippleProps: D,
     touchRippleRef: B,
     type: F
-  } = a, V = ue(a, Dt), z = l.useRef(null), g = l.useRef(null), we = ye(g, B), {
+  } = a, V = ue(a, Pt), z = l.useRef(null), g = l.useRef(null), we = ye(g, B), {
     isFocusVisibleRef: de,
-    onFocus: Pe,
-    onBlur: De,
-    ref: Ne
+    onFocus: Ne,
+    onBlur: Pe,
+    ref: De
   } = dt(), [k, q] = l.useState(!1);
   f && k && q(!1), l.useImperativeHandle(r, () => ({
     focusVisible: () => {
@@ -723,10 +726,10 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
   }
   const Le = w("start", M), Fe = w("stop", U), ke = w("stop", I), Se = w("stop", _), Ie = w("stop", (u) => {
     k && u.preventDefault(), L && L(u);
-  }), Oe = w("start", D), _e = w("stop", K), $e = w("stop", C), Ue = w("stop", (u) => {
-    De(u), de.current === !1 && q(!1), m && m(u);
+  }), Oe = w("start", P), _e = w("stop", K), $e = w("stop", v), Ue = w("stop", (u) => {
+    Pe(u), de.current === !1 && q(!1), m && m(u);
   }, !1), je = H((u) => {
-    z.current || (z.current = u.currentTarget), Pe(u), de.current === !0 && (q(!0), O && O(u)), j && j(u);
+    z.current || (z.current = u.currentTarget), Ne(u), de.current === !0 && (q(!0), O && O(u)), j && j(u);
   }), ne = () => {
     const u = z.current;
     return p && p !== "button" && !(u.tagName === "A" && u.href);
@@ -740,10 +743,10 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
     })), E && E(u), T && u.target === u.currentTarget && ne() && u.key === " " && !u.defaultPrevented && T(u);
   });
   let W = p;
-  W === "button" && (V.href || V.to) && (W = P);
+  W === "button" && (V.href || V.to) && (W = N);
   const A = {};
   W === "button" ? (A.type = F === void 0 ? "button" : F, A.disabled = f) : (!V.href && !V.to && (A.role = "button"), f && (A["aria-disabled"] = f));
-  const Ae = ye(o, Ne, z);
+  const Ae = ye(o, De, z);
   process.env.NODE_ENV !== "production" && l.useEffect(() => {
     te && !g.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
 `));
@@ -757,10 +760,10 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
     focusRipple: y,
     tabIndex: x,
     focusVisible: k
-  }), Xe = Nt(he);
+  }), Xe = Dt(he);
   return /* @__PURE__ */ Ge(Bt, Y({
     as: W,
-    className: v(Xe.root, c),
+    className: C(Xe.root, c),
     ownerState: he,
     onBlur: Ue,
     onClick: T,
@@ -784,7 +787,7 @@ const Pt = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = ["act
       /* @__PURE__ */ $(Ve, Y({
         ref: we,
         center: i
-      }, N))
+      }, D))
     ) : null]
   }));
 });
@@ -952,9 +955,10 @@ export {
   ht as _,
   ye as a,
   H as b,
-  dt as c,
-  fe as d,
+  Ze as c,
+  dt as d,
   nt as e,
+  fe as f,
   ot as r,
   rt as s,
   it as u