@weng-lab/ui-components 2.1.1 → 2.2.1

package/dist/ui-components.es81.js

@@ -1,5 +1,300 @@
-var e = {};
+import * as A from "react";
+import r from "./ui-components.es89.js";
+import { clsx as R } from "./ui-components.es92.js";
+import m from "./ui-components.es93.js";
+import { getDividerUtilityClass as T } from "./ui-components.es267.js";
+import { j as v } from "./ui-components.es15.js";
+import { useDefaultProps as D } from "./ui-components.es96.js";
+import S from "./ui-components.es97.js";
+import b from "./ui-components.es37.js";
+const C = (e) => {
+  const {
+    absolute: t,
+    children: i,
+    classes: s,
+    flexItem: p,
+    light: n,
+    orientation: o,
+    textAlign: a,
+    variant: l
+  } = e;
+  return S({
+    root: ["root", t && "absolute", l, n && "light", o === "vertical" && "vertical", p && "flexItem", i && "withChildren", i && o === "vertical" && "withChildrenVertical", a === "right" && o !== "vertical" && "textAlignRight", a === "left" && o !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", o === "vertical" && "wrapperVertical"]
+  }, T, s);
+}, L = b("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.root, i.absolute && t.absolute, t[i.variant], i.light && t.light, i.orientation === "vertical" && t.vertical, i.flexItem && t.flexItem, i.children && t.withChildren, i.children && i.orientation === "vertical" && t.withChildrenVertical, i.textAlign === "right" && i.orientation !== "vertical" && t.textAlignRight, i.textAlign === "left" && i.orientation !== "vertical" && t.textAlignLeft];
+  }
+})(m(({
+  theme: e
+}) => ({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (e.vars || e).palette.divider,
+  borderBottomWidth: "thin",
+  variants: [{
+    props: {
+      absolute: !0
+    },
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      width: "100%"
+    }
+  }, {
+    props: {
+      light: !0
+    },
+    style: {
+      borderColor: e.alpha((e.vars || e).palette.divider, 0.08)
+    }
+  }, {
+    props: {
+      variant: "inset"
+    },
+    style: {
+      marginLeft: 72
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "horizontal"
+    },
+    style: {
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "vertical"
+    },
+    style: {
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      borderBottomWidth: 0,
+      borderRightWidth: "thin"
+    }
+  }, {
+    props: {
+      flexItem: !0
+    },
+    style: {
+      alignSelf: "stretch",
+      height: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !!t.children,
+    style: {
+      display: "flex",
+      textAlign: "center",
+      border: 0,
+      borderTopStyle: "solid",
+      borderLeftStyle: "solid",
+      "&::before, &::after": {
+        content: '""',
+        alignSelf: "center"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
+    style: {
+      "&::before, &::after": {
+        width: "100%",
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+        borderTopStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
+    style: {
+      flexDirection: "column",
+      "&::before, &::after": {
+        height: "100%",
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+        borderLeftStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "90%"
+      },
+      "&::after": {
+        width: "10%"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "10%"
+      },
+      "&::after": {
+        width: "90%"
+      }
+    }
+  }]
+}))), O = b("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.wrapper, i.orientation === "vertical" && t.wrapperVertical];
+  }
+})(m(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+  whiteSpace: "nowrap",
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+    }
+  }]
+}))), f = /* @__PURE__ */ A.forwardRef(function(t, i) {
+  const s = D({
+    props: t,
+    name: "MuiDivider"
+  }), {
+    absolute: p = !1,
+    children: n,
+    className: o,
+    orientation: a = "horizontal",
+    component: l = n || a === "vertical" ? "div" : "hr",
+    flexItem: g = !1,
+    light: u = !1,
+    role: c = l !== "hr" ? "separator" : void 0,
+    textAlign: x = "center",
+    variant: w = "fullWidth",
+    ...y
+  } = s, d = {
+    ...s,
+    absolute: p,
+    component: l,
+    flexItem: g,
+    light: u,
+    orientation: a,
+    role: c,
+    textAlign: x,
+    variant: w
+  }, h = C(d);
+  return /* @__PURE__ */ v.jsx(L, {
+    as: l,
+    className: R(h.root, o),
+    role: c,
+    ref: i,
+    ownerState: d,
+    "aria-orientation": c === "separator" && (l !== "hr" || a === "vertical") ? a : void 0,
+    ...y,
+    children: n ? /* @__PURE__ */ v.jsx(O, {
+      className: h.wrapper,
+      ownerState: d,
+      children: n
+    }) : null
+  });
+});
+f && (f.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: r.bool,
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: r.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  light: r.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: r.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: r.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+});
 export {
-  e as __exports
+  f as default
 };
 //# sourceMappingURL=ui-components.es81.js.map

package/dist/ui-components.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es81.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ui-components.es81.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Divider/Divider.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getDividerUtilityClass } from \"./dividerClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    absolute,\n    children,\n    classes,\n    flexItem,\n    light,\n    orientation,\n    textAlign,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],\n    wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']\n  };\n  return composeClasses(slots, getDividerUtilityClass, classes);\n};\nconst DividerRoot = styled('div', {\n  name: 'MuiDivider',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  margin: 0,\n  // Reset browser default style.\n  flexShrink: 0,\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderColor: (theme.vars || theme).palette.divider,\n  borderBottomWidth: 'thin',\n  variants: [{\n    props: {\n      absolute: true\n    },\n    style: {\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      width: '100%'\n    }\n  }, {\n    props: {\n      light: true\n    },\n    style: {\n      borderColor: theme.alpha((theme.vars || theme).palette.divider, 0.08)\n    }\n  }, {\n    props: {\n      variant: 'inset'\n    },\n    style: {\n      marginLeft: 72\n    }\n  }, {\n    props: {\n      variant: 'middle',\n      orientation: 'horizontal'\n    },\n    style: {\n      marginLeft: theme.spacing(2),\n      marginRight: theme.spacing(2)\n    }\n  }, {\n    props: {\n      variant: 'middle',\n      orientation: 'vertical'\n    },\n    style: {\n      marginTop: theme.spacing(1),\n      marginBottom: theme.spacing(1)\n    }\n  }, {\n    props: {\n      orientation: 'vertical'\n    },\n    style: {\n      height: '100%',\n      borderBottomWidth: 0,\n      borderRightWidth: 'thin'\n    }\n  }, {\n    props: {\n      flexItem: true\n    },\n    style: {\n      alignSelf: 'stretch',\n      height: 'auto'\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => !!ownerState.children,\n    style: {\n      display: 'flex',\n      textAlign: 'center',\n      border: 0,\n      borderTopStyle: 'solid',\n      borderLeftStyle: 'solid',\n      '&::before, &::after': {\n        content: '\"\"',\n        alignSelf: 'center'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.children && ownerState.orientation !== 'vertical',\n    style: {\n      '&::before, &::after': {\n        width: '100%',\n        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`,\n        borderTopStyle: 'inherit'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.orientation === 'vertical' && ownerState.children,\n    style: {\n      flexDirection: 'column',\n      '&::before, &::after': {\n        height: '100%',\n        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`,\n        borderLeftStyle: 'inherit'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical',\n    style: {\n      '&::before': {\n        width: '90%'\n      },\n      '&::after': {\n        width: '10%'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical',\n    style: {\n      '&::before': {\n        width: '10%'\n      },\n      '&::after': {\n        width: '90%'\n      }\n    }\n  }]\n})));\nconst DividerWrapper = styled('span', {\n  name: 'MuiDivider',\n  slot: 'Wrapper',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'inline-block',\n  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,\n  paddingRight: `calc(${theme.spacing(1)} * 1.2)`,\n  whiteSpace: 'nowrap',\n  variants: [{\n    props: {\n      orientation: 'vertical'\n    },\n    style: {\n      paddingTop: `calc(${theme.spacing(1)} * 1.2)`,\n      paddingBottom: `calc(${theme.spacing(1)} * 1.2)`\n    }\n  }]\n})));\nconst Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiDivider'\n  });\n  const {\n    absolute = false,\n    children,\n    className,\n    orientation = 'horizontal',\n    component = children || orientation === 'vertical' ? 'div' : 'hr',\n    flexItem = false,\n    light = false,\n    role = component !== 'hr' ? 'separator' : undefined,\n    textAlign = 'center',\n    variant = 'fullWidth',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    absolute,\n    component,\n    flexItem,\n    light,\n    orientation,\n    role,\n    textAlign,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(DividerRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    role: role,\n    ref: ref,\n    ownerState: ownerState,\n    \"aria-orientation\": role === 'separator' && (component !== 'hr' || orientation === 'vertical') ? orientation : undefined,\n    ...other,\n    children: children ? /*#__PURE__*/_jsx(DividerWrapper, {\n      className: classes.wrapper,\n      ownerState: ownerState,\n      children: children\n    }) : null\n  });\n});\n\n/**\n * The following flag is used to ensure that this component isn't tabbable i.e.\n * does not get highlight/focus inside of MUI List.\n */\nif (Divider) {\n  Divider.muiSkipListHighlight = true;\n}\nprocess.env.NODE_ENV !== \"production\" ? Divider.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Absolutely position the element.\n   * @default false\n   */\n  absolute: PropTypes.bool,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, a vertical divider will have the correct height when used in flex container.\n   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n   * @default false\n   */\n  flexItem: PropTypes.bool,\n  /**\n   * If `true`, the divider will have a lighter color.\n   * @default false\n   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  light: PropTypes.bool,\n  /**\n   * The component orientation.\n   * @default 'horizontal'\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * @ignore\n   */\n  role: PropTypes.string,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The text alignment.\n   * @default 'center'\n   */\n  textAlign: PropTypes.oneOf(['center', 'left', 'right']),\n  /**\n   * The variant to use.\n   * @default 'fullWidth'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])\n} : void 0;\nexport default Divider;"],"names":["useUtilityClasses","ownerState","absolute","children","classes","flexItem","light","orientation","textAlign","variant","composeClasses","getDividerUtilityClass","DividerRoot","styled","props","styles","memoTheme","theme","DividerWrapper","Divider","React","inProps","ref","useDefaultProps","className","component","role","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es82.js

@@ -1,5 +1,334 @@
-var r = {};
+import * as q from "react";
+import o from "./ui-components.es89.js";
+import { clsx as G } from "./ui-components.es92.js";
+import J from "./ui-components.es260.js";
+import K from "./ui-components.es93.js";
+import L from "./ui-components.es133.js";
+import Q, { getBadgeUtilityClass as oo } from "./ui-components.es261.js";
+import C from "./ui-components.es113.js";
+import { j as S } from "./ui-components.es15.js";
+import { useDefaultProps as eo } from "./ui-components.es96.js";
+import ro from "./ui-components.es262.js";
+import n from "./ui-components.es110.js";
+import to from "./ui-components.es97.js";
+import w from "./ui-components.es37.js";
+const d = 10, g = 4, no = (e) => {
+  const {
+    color: t,
+    anchorOrigin: r,
+    invisible: a,
+    overlap: i,
+    variant: s,
+    classes: f = {}
+  } = e, l = {
+    root: ["root"],
+    badge: ["badge", s, a && "invisible", `anchorOrigin${n(r.vertical)}${n(r.horizontal)}`, `anchorOrigin${n(r.vertical)}${n(r.horizontal)}${n(i)}`, `overlap${n(i)}`, t !== "default" && `color${n(t)}`]
+  };
+  return to(l, oo, f);
+}, ao = w("span", {
+  name: "MuiBadge",
+  slot: "Root"
+})({
+  position: "relative",
+  display: "inline-flex",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  flexShrink: 0
+}), io = w("span", {
+  name: "MuiBadge",
+  slot: "Badge",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: r
+    } = e;
+    return [t.badge, t[r.variant], t[`anchorOrigin${n(r.anchorOrigin.vertical)}${n(r.anchorOrigin.horizontal)}${n(r.overlap)}`], r.color !== "default" && t[`color${n(r.color)}`], r.invisible && t.invisible];
+  }
+})(K(({
+  theme: e
+}) => ({
+  display: "flex",
+  flexDirection: "row",
+  flexWrap: "wrap",
+  justifyContent: "center",
+  alignContent: "center",
+  alignItems: "center",
+  position: "absolute",
+  boxSizing: "border-box",
+  fontFamily: e.typography.fontFamily,
+  fontWeight: e.typography.fontWeightMedium,
+  fontSize: e.typography.pxToRem(12),
+  minWidth: d * 2,
+  lineHeight: 1,
+  padding: "0 6px",
+  height: d * 2,
+  borderRadius: d,
+  zIndex: 1,
+  // Render the badge on top of potential ripples.
+  transition: e.transitions.create("transform", {
+    easing: e.transitions.easing.easeInOut,
+    duration: e.transitions.duration.enteringScreen
+  }),
+  variants: [...Object.entries(e.palette).filter(L(["contrastText"])).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      backgroundColor: (e.vars || e).palette[t].main,
+      color: (e.vars || e).palette[t].contrastText
+    }
+  })), {
+    props: {
+      variant: "dot"
+    },
+    style: {
+      borderRadius: g,
+      height: g * 2,
+      minWidth: g * 2,
+      padding: 0
+    }
+  }, {
+    props: {
+      invisible: !0
+    },
+    style: {
+      transition: e.transitions.create("transform", {
+        easing: e.transitions.easing.easeInOut,
+        duration: e.transitions.duration.leavingScreen
+      })
+    }
+  }, {
+    style: ({
+      ownerState: t
+    }) => {
+      const {
+        vertical: r,
+        horizontal: a
+      } = t.anchorOrigin, i = t.overlap === "circular" ? "14%" : 0;
+      return {
+        "--Badge-translateX": a === "right" ? "50%" : "-50%",
+        "--Badge-translateY": r === "top" ? "-50%" : "50%",
+        top: r === "top" ? i : "initial",
+        bottom: r === "bottom" ? i : "initial",
+        right: a === "right" ? i : "initial",
+        left: a === "left" ? i : "initial",
+        transform: "scale(1) translate(var(--Badge-translateX), var(--Badge-translateY))",
+        transformOrigin: `${a === "right" ? "100%" : "0%"} ${r === "top" ? "0%" : "100%"}`,
+        [`&.${Q.invisible}`]: {
+          transform: "scale(0) translate(var(--Badge-translateX), var(--Badge-translateY))"
+        }
+      };
+    }
+  }]
+})));
+function z(e) {
+  return {
+    vertical: e?.vertical ?? "top",
+    horizontal: e?.horizontal ?? "right"
+  };
+}
+const so = /* @__PURE__ */ q.forwardRef(function(t, r) {
+  const a = eo({
+    props: t,
+    name: "MuiBadge"
+  }), {
+    anchorOrigin: i,
+    className: s,
+    classes: f,
+    component: l,
+    components: m = {},
+    componentsProps: b = {},
+    children: D,
+    overlap: u = "rectangular",
+    color: v = "default",
+    invisible: F = !1,
+    max: N = 99,
+    badgeContent: h,
+    slots: y,
+    slotProps: O,
+    showZero: x = !1,
+    variant: p = "standard",
+    ...A
+  } = a, {
+    badgeContent: P,
+    invisible: I,
+    max: V,
+    displayValue: W
+  } = J({
+    max: N,
+    invisible: F,
+    badgeContent: h,
+    showZero: x
+  }), k = ro({
+    anchorOrigin: z(i),
+    color: v,
+    overlap: u,
+    variant: p,
+    badgeContent: h
+  }), T = I || P == null && p !== "dot", {
+    color: M = v,
+    overlap: U = u,
+    anchorOrigin: E,
+    variant: B = p
+  } = T ? k : a, H = z(E), R = B !== "dot" ? W : void 0, c = {
+    ...a,
+    badgeContent: P,
+    invisible: T,
+    max: V,
+    displayValue: R,
+    showZero: x,
+    anchorOrigin: H,
+    color: M,
+    overlap: U,
+    variant: B
+  }, $ = no(c), j = {
+    slots: {
+      root: y?.root ?? m.Root,
+      badge: y?.badge ?? m.Badge
+    },
+    slotProps: {
+      root: O?.root ?? b.root,
+      badge: O?.badge ?? b.badge
+    }
+  }, [X, Y] = C("root", {
+    elementType: ao,
+    externalForwardedProps: {
+      ...j,
+      ...A
+    },
+    ownerState: c,
+    className: G($.root, s),
+    ref: r,
+    additionalProps: {
+      as: l
+    }
+  }), [_, Z] = C("badge", {
+    elementType: io,
+    externalForwardedProps: j,
+    ownerState: c,
+    className: $.badge
+  });
+  return /* @__PURE__ */ S.jsxs(X, {
+    ...Y,
+    children: [D, /* @__PURE__ */ S.jsx(_, {
+      ...Z,
+      children: R
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (so.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The anchor of the badge.
+   * @default {
+   *   vertical: 'top',
+   *   horizontal: 'right',
+   * }
+   */
+  anchorOrigin: o.shape({
+    horizontal: o.oneOf(["left", "right"]),
+    vertical: o.oneOf(["bottom", "top"])
+  }),
+  /**
+   * 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/#custom-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.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @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.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @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.
+   * @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.
+   * @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])
+});
 export {
-  r as __exports
+  so as default
 };
 //# sourceMappingURL=ui-components.es82.js.map