kdpa-components 1.35.2 → 1.35.3

package/dist/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KdpaAvatar } from "./KdpaAvatar";
+export type { KdpaAvatarProps } from "./KdpaAvatar";
+//# sourceMappingURL=index.d.ts.map

package/dist/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/Avatar/index.js

@@ -0,0 +1,210 @@
+import { j as d } from "../jsx-runtime-944c88e2.js";
+import { _ as i, a as w } from "../extends-393586f3.js";
+import * as v from "react";
+import { g as N, P as t } from "../identifier-9dfe30d8.js";
+import { g as S, s as b, u as C, c as D, a as I } from "../useThemeProps-7d04a175.js";
+import { c as T } from "../createSvgIcon-b80a8a41.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+const z = T(/* @__PURE__ */ d.jsx("path", {
+  d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+}), "Person");
+function M(e) {
+  return N("MuiAvatar", e);
+}
+S("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]);
+const F = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"], O = (e) => {
+  const {
+    classes: r,
+    variant: o,
+    colorDefault: a
+  } = e;
+  return I({
+    root: ["root", o, a && "colorDefault"],
+    img: ["img"],
+    fallback: ["fallback"]
+  }, M, r);
+}, _ = b("div", {
+  name: "MuiAvatar",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: o
+    } = e;
+    return [r.root, r[o.variant], o.colorDefault && r.colorDefault];
+  }
+})(({
+  theme: e,
+  ownerState: r
+}) => i({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  width: 40,
+  height: 40,
+  fontFamily: e.typography.fontFamily,
+  fontSize: e.typography.pxToRem(20),
+  lineHeight: 1,
+  borderRadius: "50%",
+  overflow: "hidden",
+  userSelect: "none"
+}, r.variant === "rounded" && {
+  borderRadius: (e.vars || e).shape.borderRadius
+}, r.variant === "square" && {
+  borderRadius: 0
+}, r.colorDefault && i({
+  color: (e.vars || e).palette.background.default
+}, e.vars ? {
+  backgroundColor: e.vars.palette.Avatar.defaultBg
+} : {
+  backgroundColor: e.palette.mode === "light" ? e.palette.grey[400] : e.palette.grey[600]
+}))), E = b("img", {
+  name: "MuiAvatar",
+  slot: "Img",
+  overridesResolver: (e, r) => r.img
+})({
+  width: "100%",
+  height: "100%",
+  textAlign: "center",
+  // Handle non-square image. The property isn't supported by IE11.
+  objectFit: "cover",
+  // Hide alt text.
+  color: "transparent",
+  // Hide the image broken icon, only works on Chrome.
+  textIndent: 1e4
+}), U = b(z, {
+  name: "MuiAvatar",
+  slot: "Fallback",
+  overridesResolver: (e, r) => r.fallback
+})({
+  width: "75%",
+  height: "75%"
+});
+function q({
+  crossOrigin: e,
+  referrerPolicy: r,
+  src: o,
+  srcSet: a
+}) {
+  const [n, l] = v.useState(!1);
+  return v.useEffect(() => {
+    if (!o && !a)
+      return;
+    l(!1);
+    let c = !0;
+    const s = new Image();
+    return s.onload = () => {
+      c && l("loaded");
+    }, s.onerror = () => {
+      c && l("error");
+    }, s.crossOrigin = e, s.referrerPolicy = r, s.src = o, a && (s.srcset = a), () => {
+      c = !1;
+    };
+  }, [e, r, o, a]), n;
+}
+const A = /* @__PURE__ */ v.forwardRef(function(r, o) {
+  const a = C({
+    props: r,
+    name: "MuiAvatar"
+  }), {
+    alt: n,
+    children: l,
+    className: c,
+    component: s = "div",
+    imgProps: y,
+    sizes: j,
+    src: f,
+    srcSet: g,
+    variant: R = "circular"
+  } = a, k = w(a, F);
+  let u = null;
+  const P = q(i({}, y, {
+    src: f,
+    srcSet: g
+  })), h = f || g, x = h && P !== "error", p = i({}, a, {
+    colorDefault: !x,
+    component: s,
+    variant: R
+  }), m = O(p);
+  return x ? u = /* @__PURE__ */ d.jsx(E, i({
+    alt: n,
+    src: f,
+    srcSet: g,
+    sizes: j,
+    ownerState: p,
+    className: m.img
+  }, y)) : l != null ? u = l : h && n ? u = n[0] : u = /* @__PURE__ */ d.jsx(U, {
+    ownerState: p,
+    className: m.fallback
+  }), /* @__PURE__ */ d.jsx(_, i({
+    as: s,
+    ownerState: p,
+    className: D(m.root, c),
+    ref: o
+  }, k, {
+    children: u
+  }));
+});
+process.env.NODE_ENV !== "production" && (A.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt: t.string,
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps: t.object,
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes: t.string,
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src: t.string,
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet: t.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The shape of the avatar.
+   * @default 'circular'
+   */
+  variant: t.oneOfType([t.oneOf(["circular", "rounded", "square"]), t.string])
+});
+const L = A, Q = ({ children: e, ...r }) => /* @__PURE__ */ d.jsx(L, { ...r, children: e });
+export {
+  Q as KdpaAvatar
+};

package/dist/Badge/index.d.ts

@@ -0,0 +1,6 @@
+export { default as KdpaBadge } from "./KdpaBadge/KdpaBadge";
+export { default as KdpaMuiBadge } from "./KdpaMuiBadge/KdpaMuiBadge";
+export { default as KdpaGridBadge } from "./KdpaGridBadge/KdpaGridBadge";
+export type { KdpaMuiBadgeBadge } from "./KdpaMuiBadge/KdpaMuiBadge";
+export type { KdpaGridBadgeProps } from "./KdpaGridBadge/KdpaGridBadge";
+//# sourceMappingURL=index.d.ts.map

package/dist/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGzE,YAAY,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrE,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/Badge/index.js

@@ -0,0 +1,69 @@
+import { j as o } from "../jsx-runtime-944c88e2.js";
+import { e as a } from "../index-7e2d793d.js";
+import { B as d } from "../Badge-26e8a2aa.js";
+import { KdpaTooltip as e } from "../Tooltips/index.js";
+import "react";
+import "../identifier-9dfe30d8.js";
+import "../emotion-memoize.esm-021d0d4e.js";
+import "../extends-393586f3.js";
+import "../_commonjsHelpers-92157f1b.js";
+import "../index-fa965a10.js";
+import "react-dom";
+import "../popper-78c6b162.js";
+import "../CSSTransition-d0281d1f.js";
+import "../TransitionGroupContext-7435e195.js";
+import "../setPrototypeOf-98a00546.js";
+import "../utils-129661c6.js";
+import "../TransitionGroup-196acb6a.js";
+import "../assertThisInitialized-05701a63.js";
+import "../useThemeProps-7d04a175.js";
+import "../emotion-is-prop-valid.esm-b7f48706.js";
+import "../usePreviousProps-c1ae4548.js";
+import "../useSlotProps-f238319f.js";
+import "../useForkRef-0781dda0.js";
+import "../Tooltip-4b1baf1b.js";
+import "../useTheme-014a54ad.js";
+import "../Popper-490e6477.js";
+import "../Portal-b4f8657f.js";
+import "../useEventCallback-fe4fd69c.js";
+import "../HTMLElementType-ff213f3c.js";
+import "../exactProp-3aaa3ecc.js";
+import "../ownerDocument-5430cd5b.js";
+import "../chainPropTypes-004bf492.js";
+import "../refType-af1a9f54.js";
+import "../useControlled-cc2d41cb.js";
+import "../useId-e7dff7be.js";
+import "../useIsFocusVisible-4693b580.js";
+import "../Grow-151a20f6.js";
+import "../elementAcceptingRef-803dfd80.js";
+import "../Zoom-b84bdc2b.js";
+function V({ text: r = "", children: i, ...p }) {
+  return /* @__PURE__ */ o.jsxs(a.Badge, { ...p, children: [
+    r && r,
+    i
+  ] });
+}
+function W(r) {
+  return /* @__PURE__ */ o.jsx(d, { ...r, children: r.children });
+}
+function X({
+  color: r,
+  title: i,
+  children: p,
+  className: t = "",
+  ...m
+}) {
+  return /* @__PURE__ */ o.jsx(e, { ...m, title: i, placement: "top", children: /* @__PURE__ */ o.jsx(
+    "span",
+    {
+      style: { color: `${r}`, backgroundColor: `${r}1f` },
+      className: `kdpa-gridBadge kdpa-badge-pill ${t}`,
+      children: p
+    }
+  ) });
+}
+export {
+  V as KdpaBadge,
+  X as KdpaGridBadge,
+  W as KdpaMuiBadge
+};

package/dist/Badge-26e8a2aa.js

@@ -0,0 +1,392 @@
+import { _ as u, a as ao } from "./extends-393586f3.js";
+import * as io from "react";
+import { g as to, h as i, P as o } from "./identifier-9dfe30d8.js";
+import { g as eo, s as F, u as so, c as M, a as lo } from "./useThemeProps-7d04a175.js";
+import { j as U } from "./jsx-runtime-944c88e2.js";
+import { u as V } from "./usePreviousProps-c1ae4548.js";
+import { u as A } from "./useSlotProps-f238319f.js";
+function co(n) {
+  const {
+    badgeContent: r,
+    invisible: a = !1,
+    max: l = 99,
+    showZero: c = !1
+  } = n, g = V({
+    badgeContent: r,
+    max: l
+  });
+  let e = a;
+  a === !1 && r === 0 && !c && (e = !0);
+  const {
+    badgeContent: t,
+    max: p = l
+  } = e ? g : n, d = t && Number(t) > p ? `${p}+` : t;
+  return {
+    badgeContent: t,
+    invisible: e,
+    max: p,
+    displayValue: d
+  };
+}
+function go(n) {
+  return to("MuiBadge", n);
+}
+const po = eo("MuiBadge", [
+  "root",
+  "badge",
+  "dot",
+  "standard",
+  "anchorOriginTopRight",
+  "anchorOriginBottomRight",
+  "anchorOriginTopLeft",
+  "anchorOriginBottomLeft",
+  "invisible",
+  "colorError",
+  "colorInfo",
+  "colorPrimary",
+  "colorSecondary",
+  "colorSuccess",
+  "colorWarning",
+  "overlapRectangular",
+  "overlapCircular",
+  // TODO: v6 remove the overlap value from these class keys
+  "anchorOriginTopLeftCircular",
+  "anchorOriginTopLeftRectangular",
+  "anchorOriginTopRightCircular",
+  "anchorOriginTopRightRectangular",
+  "anchorOriginBottomLeftCircular",
+  "anchorOriginBottomLeftRectangular",
+  "anchorOriginBottomRightCircular",
+  "anchorOriginBottomRightRectangular"
+]), s = po, fo = ["anchorOrigin", "className", "classes", "component", "components", "componentsProps", "children", "overlap", "color", "invisible", "max", "badgeContent", "slots", "slotProps", "showZero", "variant"], y = 10, P = 4, mo = (n) => {
+  const {
+    color: r,
+    anchorOrigin: a,
+    invisible: l,
+    overlap: c,
+    variant: g,
+    classes: e = {}
+  } = n, t = {
+    root: ["root"],
+    badge: ["badge", g, l && "invisible", `anchorOrigin${i(a.vertical)}${i(a.horizontal)}`, `anchorOrigin${i(a.vertical)}${i(a.horizontal)}${i(c)}`, `overlap${i(c)}`, r !== "default" && `color${i(r)}`]
+  };
+  return lo(t, go, e);
+}, uo = F("span", {
+  name: "MuiBadge",
+  slot: "Root",
+  overridesResolver: (n, r) => r.root
+})({
+  position: "relative",
+  display: "inline-flex",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  flexShrink: 0
+}), ho = F("span", {
+  name: "MuiBadge",
+  slot: "Badge",
+  overridesResolver: (n, r) => {
+    const {
+      ownerState: a
+    } = n;
+    return [r.badge, r[a.variant], r[`anchorOrigin${i(a.anchorOrigin.vertical)}${i(a.anchorOrigin.horizontal)}${i(a.overlap)}`], a.color !== "default" && r[`color${i(a.color)}`], a.invisible && r.invisible];
+  }
+})(({
+  theme: n,
+  ownerState: r
+}) => u({
+  display: "flex",
+  flexDirection: "row",
+  flexWrap: "wrap",
+  justifyContent: "center",
+  alignContent: "center",
+  alignItems: "center",
+  position: "absolute",
+  boxSizing: "border-box",
+  fontFamily: n.typography.fontFamily,
+  fontWeight: n.typography.fontWeightMedium,
+  fontSize: n.typography.pxToRem(12),
+  minWidth: y * 2,
+  lineHeight: 1,
+  padding: "0 6px",
+  height: y * 2,
+  borderRadius: y,
+  zIndex: 1,
+  // Render the badge on top of potential ripples.
+  transition: n.transitions.create("transform", {
+    easing: n.transitions.easing.easeInOut,
+    duration: n.transitions.duration.enteringScreen
+  })
+}, r.color !== "default" && {
+  backgroundColor: (n.vars || n).palette[r.color].main,
+  color: (n.vars || n).palette[r.color].contrastText
+}, r.variant === "dot" && {
+  borderRadius: P,
+  height: P * 2,
+  minWidth: P * 2,
+  padding: 0
+}, r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "right" && r.overlap === "rectangular" && {
+  top: 0,
+  right: 0,
+  transform: "scale(1) translate(50%, -50%)",
+  transformOrigin: "100% 0%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(50%, -50%)"
+  }
+}, r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "right" && r.overlap === "rectangular" && {
+  bottom: 0,
+  right: 0,
+  transform: "scale(1) translate(50%, 50%)",
+  transformOrigin: "100% 100%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(50%, 50%)"
+  }
+}, r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "left" && r.overlap === "rectangular" && {
+  top: 0,
+  left: 0,
+  transform: "scale(1) translate(-50%, -50%)",
+  transformOrigin: "0% 0%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(-50%, -50%)"
+  }
+}, r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "left" && r.overlap === "rectangular" && {
+  bottom: 0,
+  left: 0,
+  transform: "scale(1) translate(-50%, 50%)",
+  transformOrigin: "0% 100%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(-50%, 50%)"
+  }
+}, r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "right" && r.overlap === "circular" && {
+  top: "14%",
+  right: "14%",
+  transform: "scale(1) translate(50%, -50%)",
+  transformOrigin: "100% 0%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(50%, -50%)"
+  }
+}, r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "right" && r.overlap === "circular" && {
+  bottom: "14%",
+  right: "14%",
+  transform: "scale(1) translate(50%, 50%)",
+  transformOrigin: "100% 100%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(50%, 50%)"
+  }
+}, r.anchorOrigin.vertical === "top" && r.anchorOrigin.horizontal === "left" && r.overlap === "circular" && {
+  top: "14%",
+  left: "14%",
+  transform: "scale(1) translate(-50%, -50%)",
+  transformOrigin: "0% 0%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(-50%, -50%)"
+  }
+}, r.anchorOrigin.vertical === "bottom" && r.anchorOrigin.horizontal === "left" && r.overlap === "circular" && {
+  bottom: "14%",
+  left: "14%",
+  transform: "scale(1) translate(-50%, 50%)",
+  transformOrigin: "0% 100%",
+  [`&.${s.invisible}`]: {
+    transform: "scale(0) translate(-50%, 50%)"
+  }
+}, r.invisible && {
+  transition: n.transitions.create("transform", {
+    easing: n.transitions.easing.easeInOut,
+    duration: n.transitions.duration.leavingScreen
+  })
+})), k = /* @__PURE__ */ io.forwardRef(function(r, a) {
+  var l, c, g, e, t, p;
+  const d = so({
+    props: r,
+    name: "MuiBadge"
+  }), {
+    anchorOrigin: x = {
+      vertical: "top",
+      horizontal: "right"
+    },
+    className: E,
+    component: Z,
+    components: R = {},
+    componentsProps: T = {},
+    children: H,
+    overlap: C = "rectangular",
+    color: $ = "default",
+    invisible: q = !1,
+    max: G = 99,
+    badgeContent: B,
+    slots: f,
+    slotProps: m,
+    showZero: z = !1,
+    variant: h = "standard"
+  } = d, J = ao(d, fo), {
+    badgeContent: j,
+    invisible: K,
+    max: Q,
+    displayValue: X
+  } = co({
+    max: G,
+    invisible: q,
+    badgeContent: B,
+    showZero: z
+  }), Y = V({
+    anchorOrigin: x,
+    color: $,
+    overlap: C,
+    variant: h,
+    badgeContent: B
+  }), _ = K || j == null && h !== "dot", {
+    color: S = $,
+    overlap: w = C,
+    anchorOrigin: oo = x,
+    variant: N = h
+  } = _ ? Y : d, D = N !== "dot" ? X : void 0, v = u({}, d, {
+    badgeContent: j,
+    invisible: _,
+    max: Q,
+    displayValue: D,
+    showZero: z,
+    anchorOrigin: oo,
+    color: S,
+    overlap: w,
+    variant: N
+  }), I = mo(v), L = (l = (c = f == null ? void 0 : f.root) != null ? c : R.Root) != null ? l : uo, W = (g = (e = f == null ? void 0 : f.badge) != null ? e : R.Badge) != null ? g : ho, b = (t = m == null ? void 0 : m.root) != null ? t : T.root, O = (p = m == null ? void 0 : m.badge) != null ? p : T.badge, ro = A({
+    elementType: L,
+    externalSlotProps: b,
+    externalForwardedProps: J,
+    additionalProps: {
+      ref: a,
+      as: Z
+    },
+    ownerState: v,
+    className: M(b == null ? void 0 : b.className, I.root, E)
+  }), no = A({
+    elementType: W,
+    externalSlotProps: O,
+    ownerState: v,
+    className: M(I.badge, O == null ? void 0 : O.className)
+  });
+  return /* @__PURE__ */ U.jsxs(L, u({}, ro, {
+    children: [H, /* @__PURE__ */ U.jsx(W, u({}, no, {
+      children: D
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (k.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The anchor of the badge.
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'right',
+   * }
+   */
+  anchorOrigin: o.shape({
+    horizontal: o.oneOf(["left", "right"]).isRequired,
+    vertical: o.oneOf(["bottom", "top"]).isRequired
+  }),
+  /**
+   * The content rendered within the badge.
+   */
+  badgeContent: o.node,
+  /**
+   * The badge will be added relative to this node.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'default'
+   */
+  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: o.shape({
+    Badge: o.elementType,
+    Root: o.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: o.shape({
+    badge: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * If `true`, the badge is invisible.
+   * @default false
+   */
+  invisible: o.bool,
+  /**
+   * Max count to show.
+   * @default 99
+   */
+  max: o.number,
+  /**
+   * Wrapped shape the badge should overlap.
+   * @default 'rectangular'
+   */
+  overlap: o.oneOf(["circular", "rectangular"]),
+  /**
+   * Controls whether the badge is hidden when `badgeContent` is zero.
+   * @default false
+   */
+  showZero: o.bool,
+  /**
+   * The props used for each slot inside the Badge.
+   * @default {}
+   */
+  slotProps: o.shape({
+    badge: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the Badge.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    badge: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * The variant to use.
+   * @default 'standard'
+   */
+  variant: o.oneOfType([o.oneOf(["dot", "standard"]), o.string])
+});
+const Ro = k;
+export {
+  Ro as B
+};