kdpa-components 0.0.36 → 1.0.0

package/dist/Accordion/index.js

@@ -1,20 +1,32 @@
-import { K as l, a as u, b as x } from "../KdpaAccordions-8623d939.js";
-import "../identifier-cec96f71.js";
+import { K as w, a as z, b as B } from "../KdpaAccordions-60fefaf0.js";
+import "../jsx-runtime-944c88e2.js";
 import "react";
-import "../useThemeProps-187cd881.js";
-import "../Paper-3f81bc8f.js";
-import "../useTheme-622cdcbc.js";
-import "../TransitionGroupContext-d020ca94.js";
+import "../extends-393586f3.js";
+import "../useThemeProps-114e8d66.js";
+import "../identifier-5cabf5ae.js";
+import "../index-f4329b29.js";
+import "../_commonjsHelpers-e7ea1525.js";
+import "../Paper-ad7ba238.js";
+import "../useTheme-2bb6b2df.js";
+import "../chainPropTypes-004bf492.js";
 import "../useControlled-cc2d41cb.js";
-import "../utils-d7efd98c.js";
+import "../Collapse-75d5ed79.js";
+import "../utils-8a7b223e.js";
+import "../Transition-2ecbc61d.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
 import "react-dom";
-import "../emotion-react.browser.esm-6cde5d52.js";
-import "../ButtonBase-aad0bf60.js";
-import "../TransitionGroup-100323ec.js";
-import "../refType-595f7c70.js";
+import "../elementTypeAcceptingRef-05dea79e.js";
+import "../useForkRef-0781dda0.js";
+import "../ButtonBase-496494a5.js";
+import "../emotion-react.browser.esm-921c014a.js";
+import "../TransitionGroup-68fd1866.js";
+import "../assertThisInitialized-05701a63.js";
+import "../refType-7c2b090c.js";
 import "../useIsFocusVisible-4693b580.js";
+import "../useEventCallback-83a2883c.js";
 export {
-  l as KdpaAccordion,
-  u as KdpaAccordionDetails,
-  x as KdpaAccordionSummary
+  w as KdpaAccordion,
+  z as KdpaAccordionDetails,
+  B as KdpaAccordionSummary
 };

package/dist/Alert/index.js

@@ -1,21 +1,31 @@
-import { K as g, a as h } from "../KdpaAlertTitle-50ad6f1d.js";
-import "../identifier-cec96f71.js";
+import { K as z, a as B } from "../KdpaAlertTitle-497100ba.js";
+import "../jsx-runtime-944c88e2.js";
 import "react";
-import "../useThemeProps-187cd881.js";
-import "../createSvgIcon-3132bbd0.js";
-import "../Close-b32563d1.js";
-import "../Paper-3f81bc8f.js";
-import "../useTheme-622cdcbc.js";
-import "../TransitionGroupContext-d020ca94.js";
-import "../IconButton-f866a4c2.js";
-import "../ButtonBase-aad0bf60.js";
-import "../emotion-react.browser.esm-6cde5d52.js";
-import "../TransitionGroup-100323ec.js";
-import "../refType-595f7c70.js";
+import "../extends-393586f3.js";
+import "../index-f4329b29.js";
+import "../_commonjsHelpers-e7ea1525.js";
+import "../useThemeProps-114e8d66.js";
+import "../identifier-5cabf5ae.js";
+import "../createSvgIcon-5cb90f79.js";
+import "../Close-319784e1.js";
+import "../Paper-ad7ba238.js";
+import "../useTheme-2bb6b2df.js";
+import "../chainPropTypes-004bf492.js";
+import "../IconButton-b4e677f7.js";
+import "../ButtonBase-496494a5.js";
+import "../emotion-react.browser.esm-921c014a.js";
+import "../TransitionGroup-68fd1866.js";
+import "../assertThisInitialized-05701a63.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../refType-7c2b090c.js";
+import "../elementTypeAcceptingRef-05dea79e.js";
+import "../useForkRef-0781dda0.js";
 import "../useIsFocusVisible-4693b580.js";
-import "../Typography-62f05112.js";
-import "../extendSxProp-604badd6.js";
+import "../useEventCallback-83a2883c.js";
+import "../Typography-9a28b393.js";
+import "../extendSxProp-eacd850e.js";
 export {
-  g as KdpaAlert,
-  h as KdpaAlertTitle
+  z as KdpaAlert,
+  B as KdpaAlertTitle
 };

package/dist/ArrowDropDown-4bc3084f.js

@@ -0,0 +1,35 @@
+import { _ as e } from "./extends-393586f3.js";
+import { g as n } from "./useThemeProps-114e8d66.js";
+import { g as s } from "./identifier-5cabf5ae.js";
+import "react";
+import { c as u } from "./createSvgIcon-5cb90f79.js";
+import { j as o } from "./jsx-runtime-944c88e2.js";
+function g(t) {
+  return s("MuiInputBase", t);
+}
+const l = n("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), i = l;
+function M(t) {
+  return s("MuiInput", t);
+}
+const r = e({}, i, n("MuiInput", ["root", "underline", "input"])), y = r;
+function S(t) {
+  return s("MuiOutlinedInput", t);
+}
+const a = e({}, i, n("MuiOutlinedInput", ["root", "notchedOutline", "input"])), U = a;
+function h(t) {
+  return s("MuiFilledInput", t);
+}
+const p = e({}, i, n("MuiFilledInput", ["root", "underline", "input"])), x = p, A = u(/* @__PURE__ */ o.jsx("path", {
+  d: "M7 10l5 5 5-5z"
+}), "ArrowDropDown");
+export {
+  A,
+  i as a,
+  h as b,
+  M as c,
+  S as d,
+  x as f,
+  g,
+  y as i,
+  U as o
+};

package/dist/Avatar/index.js

@@ -1,8 +1,12 @@
-import { K as i } from "../KdpaAvatar-2ca639d6.js";
-import "../identifier-cec96f71.js";
+import { K as f } from "../KdpaAvatar-da84b516.js";
+import "../jsx-runtime-944c88e2.js";
 import "react";
-import "../useThemeProps-187cd881.js";
-import "../createSvgIcon-3132bbd0.js";
+import "../extends-393586f3.js";
+import "../index-f4329b29.js";
+import "../_commonjsHelpers-e7ea1525.js";
+import "../useThemeProps-114e8d66.js";
+import "../identifier-5cabf5ae.js";
+import "../createSvgIcon-5cb90f79.js";
 export {
-  i as KdpaAvatar
+  f as KdpaAvatar
 };

package/dist/Badge/index.js

@@ -1,25 +1,43 @@
-import { K as j, b as k, a as l } from "../KdpaGridBadge-169c674e.js";
-import "../identifier-cec96f71.js";
+import { K as N, b as O, a as P } from "../KdpaGridBadge-d8a8e388.js";
+import "../jsx-runtime-944c88e2.js";
 import "react";
+import "../index-456f3e1b.js";
+import "../index-f4329b29.js";
+import "../_commonjsHelpers-e7ea1525.js";
+import "../index-1d8c2939.js";
 import "react-dom";
-import "../Popper-2282f40f.js";
-import "../useThemeProps-187cd881.js";
-import "../Portal-039ed026.js";
-import "../TransitionGroupContext-d020ca94.js";
-import "../exactProp-d1b21c1f.js";
-import "../refType-595f7c70.js";
-import "../CSSTransition-e8f65014.js";
-import "../utils-d7efd98c.js";
-import "../TransitionGroup-100323ec.js";
+import "../popper-78c6b162.js";
+import "../CSSTransition-5496e075.js";
+import "../extends-393586f3.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../Transition-2ecbc61d.js";
+import "../TransitionGroup-68fd1866.js";
+import "../assertThisInitialized-05701a63.js";
+import "../useThemeProps-114e8d66.js";
+import "../identifier-5cabf5ae.js";
 import "../usePreviousProps-c1ae4548.js";
-import "../KdpaTooltip-4bdbed7e.js";
-import "../useTheme-622cdcbc.js";
+import "../useSlotProps-db1ead27.js";
+import "../useForkRef-0781dda0.js";
+import "../KdpaTooltip-e30e1eea.js";
+import "../useTheme-2bb6b2df.js";
+import "../Popper-20f4d1e9.js";
+import "../Portal-1b00a402.js";
+import "../useEventCallback-83a2883c.js";
+import "../HTMLElementType-ff213f3c.js";
+import "../exactProp-7fadf441.js";
+import "../ownerDocument-5430cd5b.js";
+import "../chainPropTypes-004bf492.js";
+import "../refType-7c2b090c.js";
 import "../useIsFocusVisible-4693b580.js";
-import "../Grow-76a8429e.js";
+import "../Grow-8a97586f.js";
+import "../utils-8a7b223e.js";
+import "../elementAcceptingRef-332a290a.js";
 import "../useControlled-cc2d41cb.js";
 import "../useId-a21bd5c3.js";
+import "../Zoom-64a4beac.js";
 export {
-  j as KdpaBadge,
-  k as KdpaGridBadge,
-  l as KdpaMuiBadge
+  N as KdpaBadge,
+  O as KdpaGridBadge,
+  P as KdpaMuiBadge
 };

package/dist/Box-af81b133.js

@@ -0,0 +1,59 @@
+import { P as e } from "./index-f4329b29.js";
+import { s as h, b as T, T as B, C as N } from "./identifier-5cabf5ae.js";
+import { a as y, _ } from "./extends-393586f3.js";
+import * as j from "react";
+import { d as C, e as P, c as b } from "./useThemeProps-114e8d66.js";
+import { j as E } from "./jsx-runtime-944c88e2.js";
+import { e as v } from "./extendSxProp-eacd850e.js";
+const O = ["className", "component"];
+function R(c = {}) {
+  const {
+    themeId: s,
+    defaultTheme: x,
+    defaultClassName: a = "MuiBox-root",
+    generateClassName: r
+  } = c, d = C("div", {
+    shouldForwardProp: (o) => o !== "theme" && o !== "sx" && o !== "as"
+  })(h);
+  return /* @__PURE__ */ j.forwardRef(function(p, f) {
+    const t = P(x), n = v(p), {
+      className: i,
+      component: l = "div"
+    } = n, u = y(n, O);
+    return /* @__PURE__ */ E.jsx(d, _({
+      as: l,
+      ref: f,
+      className: b(i, r ? r(a) : a),
+      theme: s && t[s] || t
+    }, u));
+  });
+}
+const g = T(), m = R({
+  themeId: B,
+  defaultTheme: g,
+  defaultClassName: "MuiBox-root",
+  generateClassName: N.generate
+});
+process.env.NODE_ENV !== "production" && (m.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+const H = m;
+export {
+  H as B
+};

package/dist/{Button-01894583.js → Button-da8592f4.js}

@@ -1,13 +1,16 @@
-import { g as j, c as t, _ as r, h as v, a as L, j as x, P as n } from "./identifier-cec96f71.js";
+import { _ as r, a as j } from "./extends-393586f3.js";
 import * as f from "react";
-import { g as _, s as y, b as F, e as U, u as D, c as h, a as G } from "./useThemeProps-187cd881.js";
-import { B as H } from "./ButtonBase-aad0bf60.js";
+import { P as n } from "./index-f4329b29.js";
+import { g as L, s as y, b as _, h as F, u as U, c as B, a as D } from "./useThemeProps-114e8d66.js";
+import { g as G, c as t, a as v } from "./identifier-5cabf5ae.js";
+import { j as x } from "./jsx-runtime-944c88e2.js";
+import { B as H } from "./ButtonBase-496494a5.js";
 function A(o) {
-  return j("MuiButton", o);
+  return G("MuiButton", o);
 }
-const q = _("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), b = q, R = /* @__PURE__ */ f.createContext({});
-process.env.NODE_ENV !== "production" && (R.displayName = "ButtonGroupContext");
-const J = R, K = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Q = (o) => {
+const q = L("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), b = q, h = /* @__PURE__ */ f.createContext({});
+process.env.NODE_ENV !== "production" && (h.displayName = "ButtonGroupContext");
+const J = h, K = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Q = (o) => {
   const {
     color: a,
     disableElevation: i,
@@ -20,9 +23,9 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
     label: ["label"],
     startIcon: ["startIcon", `iconSize${t(l)}`],
     endIcon: ["endIcon", `iconSize${t(l)}`]
-  }, p = G(g, A, d);
+  }, p = D(g, A, d);
   return r({}, d, p);
-}, m = (o) => r({}, o.size === "small" && {
+}, R = (o) => r({}, o.size === "small" && {
   "& > *:nth-of-type(1)": {
     fontSize: 18
   }
@@ -35,7 +38,7 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
     fontSize: 22
   }
 }), X = y(H, {
-  shouldForwardProp: (o) => F(o) || o === "classes",
+  shouldForwardProp: (o) => _(o) || o === "classes",
   name: "MuiButton",
   slot: "Root",
   overridesResolver: (o, a) => {
@@ -184,7 +187,7 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
   marginLeft: -4
 }, o.size === "small" && {
   marginLeft: -2
-}, m(o))), Z = y("span", {
+}, R(o))), Z = y("span", {
   name: "MuiButton",
   slot: "EndIcon",
   overridesResolver: (o, a) => {
@@ -201,8 +204,8 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
   marginLeft: 8
 }, o.size === "small" && {
   marginRight: -2
-}, m(o))), k = /* @__PURE__ */ f.forwardRef(function(a, i) {
-  const e = f.useContext(J), l = U(e, a), s = D({
+}, R(o))), k = /* @__PURE__ */ f.forwardRef(function(a, i) {
+  const e = f.useContext(J), l = F(e, a), s = U({
     props: l,
     name: "MuiButton"
   }), {
@@ -218,9 +221,9 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
     fullWidth: N = !1,
     size: P = "medium",
     startIcon: $,
-    type: B,
+    type: m,
     variant: W = "text"
-  } = s, M = L(s, K), u = r({}, s, {
+  } = s, M = j(s, K), u = r({}, s, {
     color: g,
     component: p,
     disabled: z,
@@ -228,7 +231,7 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
     disableFocusRipple: C,
     fullWidth: N,
     size: P,
-    type: B,
+    type: m,
     variant: W
   }), c = Q(u), S = $ && /* @__PURE__ */ x.jsx(Y, {
     className: c.startIcon,
@@ -241,13 +244,13 @@ const J = R, K = ["children", "color", "component", "className", "disabled", "di
   });
   return /* @__PURE__ */ x.jsxs(X, r({
     ownerState: u,
-    className: h(e.className, c.root, E),
+    className: B(e.className, c.root, E),
     component: p,
     disabled: z,
     focusRipple: !C,
-    focusVisibleClassName: h(c.focusVisible, T),
+    focusVisibleClassName: B(c.focusVisible, T),
     ref: i,
-    type: B
+    type: m
   }, M, {
     classes: c,
     children: [S, d, V]
@@ -347,7 +350,7 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
    */
   variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
 });
-const no = k;
+const to = k;
 export {
-  no as B
+  to as B
 };

package/dist/{ButtonBase-aad0bf60.js → ButtonBase-496494a5.js}

@@ -1,12 +1,17 @@
-import { j, P as e, a as pe, _ as v, g as Ue } from "./identifier-cec96f71.js";
+import { a as pe, _ as v } from "./extends-393586f3.js";
 import * as o from "react";
-import { c as M, g as fe, s as ee, u as de, a as _e } from "./useThemeProps-187cd881.js";
-import { k as te, e as Fe } from "./emotion-react.browser.esm-6cde5d52.js";
-import { T as Ke } from "./TransitionGroup-100323ec.js";
-import { r as Oe } from "./refType-595f7c70.js";
-import { u as re, b as q } from "./TransitionGroupContext-d020ca94.js";
+import { P as e } from "./index-f4329b29.js";
+import { c as M, g as fe, s as ee, u as de, a as Ue } from "./useThemeProps-114e8d66.js";
+import { j } from "./jsx-runtime-944c88e2.js";
+import { k as te } from "./emotion-react.browser.esm-921c014a.js";
+import { T as _e } from "./TransitionGroup-68fd1866.js";
+import { g as Fe } from "./identifier-5cabf5ae.js";
+import { r as Ke } from "./refType-7c2b090c.js";
+import { e as Oe } from "./elementTypeAcceptingRef-05dea79e.js";
+import { u as re } from "./useForkRef-0781dda0.js";
 import { u as ze } from "./useIsFocusVisible-4693b580.js";
-function he(s) {
+import { a as q } from "./useEventCallback-83a2883c.js";
+function me(s) {
   const {
     className: C,
     classes: a,
@@ -17,13 +22,13 @@ function he(s) {
     in: w,
     onExited: f,
     timeout: r
-  } = s, [m, b] = o.useState(!1), d = M(C, a.ripple, a.rippleVisible, u && a.ripplePulsate), k = {
+  } = s, [h, b] = o.useState(!1), d = M(C, a.ripple, a.rippleVisible, u && a.ripplePulsate), k = {
     width: p,
     height: p,
     top: -(p / 2) + i,
     left: -(p / 2) + N
-  }, l = M(a.child, m && a.childLeaving, u && a.childPulsate);
-  return !w && !m && b(!0), o.useEffect(() => {
+  }, l = M(a.child, h && a.childLeaving, u && a.childPulsate);
+  return !w && !h && b(!0), o.useEffect(() => {
     if (!w && f != null) {
       const R = setTimeout(f, r);
       return () => {
@@ -38,7 +43,7 @@ function he(s) {
     })
   });
 }
-process.env.NODE_ENV !== "production" && (he.propTypes = {
+process.env.NODE_ENV !== "production" && (me.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    * See [CSS API](#css) below for more details.
@@ -119,7 +124,7 @@ const Z = 550, Ae = 80, qe = te(le || (le = H`
   bottom: 0,
   left: 0,
   borderRadius: "inherit"
-}), Ge = ee(he, {
+}), Ge = ee(me, {
   name: "MuiTouchRipple",
   slot: "Ripple"
 })(ce || (ce = H`
@@ -173,7 +178,7 @@ const Z = 550, Ae = 80, qe = te(le || (le = H`
   theme: s
 }) => s.transitions.easing.easeInOut, c.childPulsate, He, ({
   theme: s
-}) => s.transitions.easing.easeInOut), me = /* @__PURE__ */ o.forwardRef(function(C, a) {
+}) => s.transitions.easing.easeInOut), he = /* @__PURE__ */ o.forwardRef(function(C, a) {
   const u = de({
     props: C,
     name: "MuiTouchRipple"
@@ -181,7 +186,7 @@ const Z = 550, Ae = 80, qe = te(le || (le = H`
     center: N = !1,
     classes: i = {},
     className: p
-  } = u, w = pe(u, Ye), [f, r] = o.useState([]), m = o.useRef(0), b = o.useRef(null);
+  } = u, w = pe(u, Ye), [f, r] = o.useState([]), h = o.useRef(0), b = o.useRef(null);
   o.useEffect(() => {
     b.current && (b.current(), b.current = null);
   }, [f]);
@@ -211,7 +216,7 @@ const Z = 550, Ae = 80, qe = te(le || (le = H`
       rippleX: y,
       rippleY: L,
       rippleSize: _
-    }, m.current)]), m.current += 1, b.current = O;
+    }, h.current)]), h.current += 1, b.current = O;
   }, [i]), I = o.useCallback((n = {}, g = {}, y = () => {
   }) => {
     const {
@@ -285,14 +290,14 @@ const Z = 550, Ae = 80, qe = te(le || (le = H`
     className: M(c.root, i.root, p),
     ref: R
   }, w, {
-    children: /* @__PURE__ */ j.jsx(Ke, {
+    children: /* @__PURE__ */ j.jsx(_e, {
       component: null,
       exit: !0,
       children: f
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (me.propTypes = {
+process.env.NODE_ENV !== "production" && (he.propTypes = {
   /**
    * If `true`, the ripple starts at the center of the component
    * rather than at the point of interaction.
@@ -308,9 +313,9 @@ process.env.NODE_ENV !== "production" && (me.propTypes = {
    */
   className: e.string
 });
-const Je = me;
+const Je = he;
 function Qe(s) {
-  return Ue("MuiButtonBase", s);
+  return Fe("MuiButtonBase", s);
 }
 const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, tt = ["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"], ot = (s) => {
   const {
@@ -318,7 +323,7 @@ const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, t
     focusVisible: a,
     focusVisibleClassName: u,
     classes: N
-  } = s, p = _e({
+  } = s, p = Ue({
     root: ["root", C && "disabled", a && "focusVisible"]
   }, Qe, N);
   return a && u && (p.root += ` ${u}`), p;
@@ -376,7 +381,7 @@ const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, t
     className: w,
     component: f = "button",
     disabled: r = !1,
-    disableRipple: m = !1,
+    disableRipple: h = !1,
     disableTouchRipple: b = !1,
     focusRipple: d = !1,
     LinkComponent: k = "a",
@@ -398,7 +403,7 @@ const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, t
     TouchRippleProps: V,
     touchRippleRef: D,
     type: S
-  } = u, B = pe(u, tt), z = o.useRef(null), h = o.useRef(null), Re = re(h, D), {
+  } = u, B = pe(u, tt), z = o.useRef(null), m = o.useRef(null), Re = re(m, D), {
     isFocusVisibleRef: oe,
     onFocus: ge,
     onBlur: ye,
@@ -413,12 +418,12 @@ const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, t
   o.useEffect(() => {
     Me(!0);
   }, []);
-  const G = W && !m && !r;
+  const G = W && !h && !r;
   o.useEffect(() => {
-    $ && d && !m && W && h.current.pulsate();
-  }, [m, d, $, W]);
+    $ && d && !h && W && m.current.pulsate();
+  }, [h, d, $, W]);
   function E(t, se, Ie = b) {
-    return q((ie) => (se && se(ie), !Ie && h.current && h.current[t](ie), !0));
+    return q((ie) => (se && se(ie), !Ie && m.current && m.current[t](ie), !0));
   }
   const Ce = E("start", y), xe = E("stop", F), Be = E("stop", I), Ee = E("stop", _), Ne = E("stop", (t) => {
     $ && t.preventDefault(), L && L(t);
@@ -430,12 +435,12 @@ const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, t
     const t = z.current;
     return f && f !== "button" && !(t.tagName === "A" && t.href);
   }, Q = o.useRef(!1), Le = q((t) => {
-    d && !Q.current && $ && h.current && t.key === " " && (Q.current = !0, h.current.stop(t, () => {
-      h.current.start(t);
+    d && !Q.current && $ && m.current && t.key === " " && (Q.current = !0, m.current.stop(t, () => {
+      m.current.start(t);
     })), t.target === t.currentTarget && J() && t.key === " " && t.preventDefault(), n && n(t), t.target === t.currentTarget && J() && t.key === "Enter" && !r && (t.preventDefault(), R && R(t));
   }), Se = q((t) => {
-    d && t.key === " " && h.current && $ && !t.defaultPrevented && (Q.current = !1, h.current.stop(t, () => {
-      h.current.pulsate(t);
+    d && t.key === " " && m.current && $ && !t.defaultPrevented && (Q.current = !1, m.current.stop(t, () => {
+      m.current.pulsate(t);
     })), g && g(t), R && t.target === t.currentTarget && J() && t.key === " " && !t.defaultPrevented && R(t);
   });
   let A = f;
@@ -444,14 +449,14 @@ const Ze = fe("MuiButtonBase", ["root", "disabled", "focusVisible"]), et = Ze, t
   A === "button" ? (X.type = S === void 0 ? "button" : S, X.disabled = r) : (!B.href && !B.to && (X.role = "button"), r && (X["aria-disabled"] = r));
   const $e = re(a, Te, z);
   process.env.NODE_ENV !== "production" && o.useEffect(() => {
-    G && !h.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(`
+    G && !m.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(`
 `));
   }, [G]);
   const ne = v({}, u, {
     centerRipple: i,
     component: f,
     disabled: r,
-    disableRipple: m,
+    disableRipple: h,
     disableTouchRipple: b,
     focusRipple: d,
     tabIndex: x,
@@ -496,7 +501,7 @@ process.env.NODE_ENV !== "production" && (be.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: Oe,
+  action: Ke,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -519,7 +524,7 @@ process.env.NODE_ENV !== "production" && (be.propTypes = {
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: Fe,
+  component: Oe,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -645,7 +650,7 @@ process.env.NODE_ENV !== "production" && (be.propTypes = {
    */
   type: e.oneOfType([e.oneOf(["button", "reset", "submit"]), e.string])
 });
-const ft = be;
+const Rt = be;
 export {
-  ft as B
+  Rt as B
 };