@mui/lab 5.0.0-alpha.106 → 5.0.0-alpha.108

package/Masonry/Masonry.js

@@ -21,7 +21,6 @@ const lineBreakStyle = {
   margin: 0,
   padding: 0
 };
-
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -31,7 +30,6 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getMasonryUtilityClass, classes);
 };
-
 export const getStyle = ({
   ownerState,
   theme
@@ -46,18 +44,16 @@ export const getStyle = ({
       boxSizing: 'border-box'
     }
   };
-  const stylesSSR = {}; // Only applicable for Server-Side Rendering
-
+  const stylesSSR = {};
+  // Only applicable for Server-Side Rendering
   if (ownerState.isSSR) {
     const orderStyleSSR = {};
     const defaultSpacing = parseToNumber(theme.spacing(ownerState.defaultSpacing));
-
     for (let i = 1; i <= ownerState.defaultColumns; i += 1) {
       orderStyleSSR[`&:nth-of-type(${ownerState.defaultColumns}n+${i % ownerState.defaultColumns})`] = {
         order: i
       };
     }
-
     stylesSSR.height = ownerState.defaultHeight;
     stylesSSR.margin = -(defaultSpacing / 2);
     stylesSSR['& > *'] = _extends({}, styles['& > *'], orderStyleSSR, {
@@ -66,23 +62,20 @@ export const getStyle = ({
     });
     return _extends({}, styles, stylesSSR);
   }
-
   const spacingValues = resolveBreakpointValues({
     values: ownerState.spacing,
     breakpoints: theme.breakpoints.values
   });
   const transformer = createUnarySpacing(theme);
-
   const spacingStyleFromPropValue = propValue => {
-    let spacing; // in case of string/number value
-
+    let spacing;
+    // in case of string/number value
     if (typeof propValue === 'string' && !Number.isNaN(Number(propValue)) || typeof propValue === 'number') {
       const themeSpacingValue = Number(propValue);
       spacing = getValue(transformer, themeSpacingValue);
     } else {
       spacing = propValue;
     }
-
     return _extends({
       margin: `calc(0px - (${spacing} / 2))`,
       '& > *': {
@@ -92,7 +85,6 @@ export const getStyle = ({
       height: typeof spacing === 'number' ? Math.ceil(ownerState.maxColumnHeight + parseToNumber(spacing)) : `calc(${ownerState.maxColumnHeight}px + ${spacing})`
     });
   };
-
   styles = deepmerge(styles, handleBreakpoints({
     theme
   }, spacingValues, spacingStyleFromPropValue));
@@ -100,7 +92,6 @@ export const getStyle = ({
     values: ownerState.columns,
     breakpoints: theme.breakpoints.values
   });
-
   const columnStyleFromPropValue = propValue => {
     const columnValue = Number(propValue);
     const width = `${(100 / columnValue).toFixed(2)}%`;
@@ -111,11 +102,11 @@ export const getStyle = ({
       }
     };
   };
-
   styles = deepmerge(styles, handleBreakpoints({
     theme
-  }, columnValues, columnStyleFromPropValue)); // configure width for responsive spacing values
+  }, columnValues, columnStyleFromPropValue));
 
+  // configure width for responsive spacing values
   if (typeof spacingValues === 'object') {
     styles = deepmerge(styles, handleBreakpoints({
       theme
@@ -132,11 +123,9 @@ export const getStyle = ({
           }
         };
       }
-
       return null;
     }));
   }
-
   return styles;
 };
 const MasonryRoot = styled('div', {
@@ -151,24 +140,21 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     props: inProps,
     name: 'MuiMasonry'
   });
-
   const {
-    children,
-    className,
-    component = 'div',
-    columns = 4,
-    spacing = 1,
-    defaultColumns,
-    defaultHeight,
-    defaultSpacing
-  } = props,
-        other = _objectWithoutPropertiesLoose(props, _excluded);
-
+      children,
+      className,
+      component = 'div',
+      columns = 4,
+      spacing = 1,
+      defaultColumns,
+      defaultHeight,
+      defaultSpacing
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const masonryRef = React.useRef();
   const [maxColumnHeight, setMaxColumnHeight] = React.useState();
   const isSSR = !maxColumnHeight && defaultHeight && defaultColumns !== undefined && defaultSpacing !== undefined;
   const [numberOfLineBreaks, setNumberOfLineBreaks] = React.useState(isSSR ? defaultColumns - 1 : 0);
-
   const ownerState = _extends({}, props, {
     spacing,
     columns,
@@ -178,23 +164,18 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     defaultSpacing,
     isSSR
   });
-
   const classes = useUtilityClasses(ownerState);
-
   const handleResize = masonryChildren => {
     if (!masonryRef.current || !masonryChildren || masonryChildren.length === 0) {
       return;
     }
-
     const masonry = masonryRef.current;
     const masonryFirstChild = masonryRef.current.firstChild;
     const parentWidth = masonry.clientWidth;
     const firstChildWidth = masonryFirstChild.clientWidth;
-
     if (parentWidth === 0 || firstChildWidth === 0) {
       return;
     }
-
     const firstChildComputedStyle = window.getComputedStyle(masonryFirstChild);
     const firstChildMarginLeft = parseToNumber(firstChildComputedStyle.marginLeft);
     const firstChildMarginRight = parseToNumber(firstChildComputedStyle.marginRight);
@@ -205,28 +186,23 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       if (child.nodeType !== Node.ELEMENT_NODE || child.dataset.class === 'line-break' || skip) {
         return;
       }
-
       const childComputedStyle = window.getComputedStyle(child);
       const childMarginTop = parseToNumber(childComputedStyle.marginTop);
-      const childMarginBottom = parseToNumber(childComputedStyle.marginBottom); // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
-
+      const childMarginBottom = parseToNumber(childComputedStyle.marginBottom);
+      // if any one of children isn't rendered yet, masonry's height shouldn't be computed yet
       const childHeight = parseToNumber(childComputedStyle.height) ? Math.ceil(parseToNumber(childComputedStyle.height)) + childMarginTop + childMarginBottom : 0;
-
       if (childHeight === 0) {
         skip = true;
         return;
-      } // if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
-
-
+      }
+      // if there is a nested image that isn't rendered yet, masonry's height shouldn't be computed yet
       for (let i = 0; i < child.childNodes.length; i += 1) {
         const nestedChild = child.childNodes[i];
-
         if (nestedChild.tagName === 'IMG' && nestedChild.clientHeight === 0) {
           skip = true;
           break;
         }
       }
-
       if (!skip) {
         // find the current shortest column (where the current item will be placed)
         const currentMinColumnIndex = columnHeights.indexOf(Math.min(...columnHeights));
@@ -235,7 +211,6 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
         child.style.order = order;
       }
     });
-
     if (!skip) {
       // In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
       // when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
@@ -246,26 +221,24 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       });
     }
   };
-
   const observer = React.useRef(typeof ResizeObserver === 'undefined' ? undefined : new ResizeObserver(handleResize));
   React.useEffect(() => {
-    const resizeObserver = observer.current; // IE and old browsers are not supported
-
+    const resizeObserver = observer.current;
+    // IE and old browsers are not supported
     if (resizeObserver === undefined) {
       return undefined;
     }
-
     if (masonryRef.current) {
       masonryRef.current.childNodes.forEach(childNode => {
         resizeObserver.observe(childNode);
       });
     }
-
     return () => resizeObserver ? resizeObserver.disconnect() : {};
   }, [columns, spacing, children]);
-  const handleRef = useForkRef(ref, masonryRef); //  columns are likely to have different heights and hence can start to merge;
-  //  a line break at the end of each column prevents columns from merging
+  const handleRef = useForkRef(ref, masonryRef);
 
+  //  columns are likely to have different heights and hence can start to merge;
+  //  a line break at the end of each column prevents columns from merging
   const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/_jsx("span", {
     "data-class": "line-break",
     style: _extends({}, lineBreakStyle, {
@@ -281,64 +254,50 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
     children: [children, lineBreaks]
   }));
 });
-process.env.NODE_ENV !== "production" ? Masonry.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? Masonry.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
-  children: PropTypes
-  /* @typescript-to-proptypes-ignore */
-  .node.isRequired,
-
+  children: PropTypes /* @typescript-to-proptypes-ignore */.node.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */
   classes: PropTypes.object,
-
   /**
    * @ignore
    */
   className: PropTypes.string,
-
   /**
    * Number of columns.
    * @default 4
    */
   columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
-
   /**
    * The default number of columns of the component. This is provided for server-side rendering.
    */
   defaultColumns: PropTypes.number,
-
   /**
    * The default height of the component in px. This is provided for server-side rendering.
    */
   defaultHeight: PropTypes.number,
-
   /**
    * The default spacing of the component. Like `spacing`, it is a factor of the theme's spacing. This is provided for server-side rendering.
    */
   defaultSpacing: PropTypes.number,
-
   /**
    * Defines the space between children. It is a factor of the theme's spacing.
    * @default 1
    */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /**
    * Allows defining system overrides as well as additional CSS styles.
    */

package/MobileDatePicker/MobileDatePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileDatePicker } from '@mui/x-date-pickers'`", "or `import { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/MobileDateRangePicker/MobileDateRangePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { MobileDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { MobileDateRangePicker } from '@mui/x-date-pickers-pro/MobileDateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileDateTimePicker } from '@mui/x-date-pickers'`", "or `import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/MobileTimePicker/MobileTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The MobileTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MobileTimePicker } from '@mui/x-date-pickers'`", "or `import { MobileTimePicker } from '@mui/x-date-pickers/MobileTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/MonthPicker/MonthPicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The MonthPicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { MonthPicker } from '@mui/x-date-pickers'`", "or `import { MonthPicker } from '@mui/x-date-pickers/MonthPicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/Pagination/Pagination.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import Pagination from '@mui/material/Pagination';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPagination(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Pagination component was moved from the lab to the core.', '', "You should use `import { Pagination } from '@mui/material'`", "or `import Pagination from '@mui/material/Pagination'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Pagination, _extends({
     ref: ref
   }, props));

package/PaginationItem/PaginationItem.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import PaginationItem from '@mui/material/PaginationItem';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedPaginationItem(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The PaginationItem component was moved from the lab to the core.', '', "You should use `import { PaginationItem } from '@mui/material'`", "or `import PaginationItem from '@mui/material/PaginationItem'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(PaginationItem, _extends({
     ref: ref
   }, props));

package/PickersDay/PickersDay.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The PickersDay component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { PickersDay } from '@mui/x-date-pickers'`", "or `import { PickersDay } from '@mui/x-date-pickers/PickersDay'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/Rating/Rating.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import Rating from '@mui/material/Rating';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedRating(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Rating component was moved from the lab to the core.', '', "You should use `import { Rating } from '@mui/material'`", "or `import Rating from '@mui/material/Rating'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Rating, _extends({
     ref: ref
   }, props));

package/Skeleton/Skeleton.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import Skeleton from '@mui/material/Skeleton';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSkeleton(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The Skeleton component was moved from the lab to the core.', '', "You should use `import { Skeleton } from '@mui/material'`", "or `import Skeleton from '@mui/material/Skeleton'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(Skeleton, _extends({
     ref: ref
   }, props));

package/SpeedDial/SpeedDial.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import SpeedDial from '@mui/material/SpeedDial';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDial(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The SpeedDial component was moved from the lab to the core.', '', "You should use `import { SpeedDial } from '@mui/material'`", "or `import SpeedDial from '@mui/material/SpeedDial'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(SpeedDial, _extends({
     ref: ref
   }, props));

package/SpeedDialAction/SpeedDialAction.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import SpeedDialAction from '@mui/material/SpeedDialAction';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialAction(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The SpeedDialAction component was moved from the lab to the core.', '', "You should use `import { SpeedDialAction } from '@mui/material'`", "or `import SpeedDialAction from '@mui/material/SpeedDialAction'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(SpeedDialAction, _extends({
     ref: ref
   }, props));

package/SpeedDialIcon/SpeedDialIcon.js

@@ -3,16 +3,15 @@ import * as React from 'react';
 import SpeedDialIcon from '@mui/material/SpeedDialIcon';
 import { jsx as _jsx } from "react/jsx-runtime";
 let warnedOnce = false;
+
 /**
  * @ignore - do not document.
  */
-
 export default /*#__PURE__*/React.forwardRef(function DeprecatedSpeedDialIcon(props, ref) {
   if (!warnedOnce) {
     console.warn(['MUI: The SpeedDialIcon component was moved from the lab to the core.', '', "You should use `import { SpeedDialIcon } from '@mui/material'`", "or `import SpeedDialIcon from '@mui/material/SpeedDialIcon'`"].join('\n'));
     warnedOnce = true;
   }
-
   return /*#__PURE__*/_jsx(SpeedDialIcon, _extends({
     ref: ref
   }, props));

package/StaticDatePicker/StaticDatePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticDatePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticDatePicker } from '@mui/x-date-pickers'`", "or `import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticDateRangePicker component was moved from `@mui/lab` to `@mui/x-date-pickers-pro`', '', "You should use `import { StaticDateRangePicker } from '@mui/x-date-pickers-pro'`", "or `import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticDateTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticDateTimePicker } from '@mui/x-date-pickers'`", "or `import { StaticDateTimePicker } from '@mui/x-date-pickers/StaticDateTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/StaticTimePicker/StaticTimePicker.js

@@ -1,14 +1,12 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import * as React from 'react';
 let warnedOnce = false;
-
 const warn = () => {
   if (!warnedOnce) {
     console.warn(['MUI: The StaticTimePicker component was moved from `@mui/lab` to `@mui/x-date-pickers`.', '', "You should use `import { StaticTimePicker } from '@mui/x-date-pickers'`", "or `import { StaticTimePicker } from '@mui/x-date-pickers/StaticTimePicker'`", '', 'More information about this migration on our blog: https://mui.com/blog/lab-date-pickers-to-mui-x/.'].join('\n'));
     warnedOnce = true;
   }
 };
-
 /**
  * @ignore - do not document.
  */

package/TabContext/TabContext.js

@@ -1,16 +1,14 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
+
 /**
  * @type {React.Context<{ idPrefix: string; value: string } | null>}
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 const Context = /*#__PURE__*/React.createContext(null);
-
 if (process.env.NODE_ENV !== 'production') {
   Context.displayName = 'TabContext';
 }
-
 function useUniquePrefix() {
   const [id, setId] = React.useState(null);
   React.useEffect(() => {
@@ -18,7 +16,6 @@ function useUniquePrefix() {
   }, []);
   return id;
 }
-
 export default function TabContext(props) {
   const {
     children,
@@ -36,28 +33,24 @@ export default function TabContext(props) {
     children: children
   });
 }
-process.env.NODE_ENV !== "production" ? TabContext.propTypes
-/* remove-proptypes */
-= {
+process.env.NODE_ENV !== "production" ? TabContext.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
-
   /**
    * The content of the component.
    */
   children: PropTypes.node,
-
   /**
    * The value of the currently selected `Tab`.
    */
   value: PropTypes.string.isRequired
 } : void 0;
+
 /**
  * @returns {unknown}
  */
-
 export function useTabContext() {
   return React.useContext(Context);
 }
@@ -65,21 +58,17 @@ export function getPanelId(context, value) {
   const {
     idPrefix
   } = context;
-
   if (idPrefix === null) {
     return null;
   }
-
   return `${context.idPrefix}-P-${value}`;
 }
 export function getTabId(context, value) {
   const {
     idPrefix
   } = context;
-
   if (idPrefix === null) {
     return null;
   }
-
   return `${context.idPrefix}-T-${value}`;
 }