victory 37.0.2 → 37.1.0

package/dist/victory.js

@@ -1995,33 +1995,6 @@ function serializer(replacer, cycleReplacer) {
 }
 
 
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_LodashWrapper.js":
-/*!****************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_LodashWrapper.js ***!
-  \****************************************************************************************/
-/***/ (function(module) {
-
-/**
- * This method returns `undefined`.
- *
- * @static
- * @memberOf _
- * @since 2.3.0
- * @category Util
- * @example
- *
- * _.times(2, _.noop);
- * // => [undefined, undefined]
- */
-function noop() {
-  // No operation performed.
-}
-
-module.exports = noop;
-
-
 /***/ }),
 
 /***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_MapCache.js":
@@ -4147,94 +4120,6 @@ function createBaseFor(fromRight) {
 module.exports = createBaseFor;
 
 
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_createFlow.js":
-/*!*************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_createFlow.js ***!
-  \*************************************************************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var LodashWrapper = __webpack_require__(/*! ./_LodashWrapper */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_LodashWrapper.js"),
-    flatRest = __webpack_require__(/*! ./_flatRest */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_flatRest.js"),
-    getData = __webpack_require__(/*! ./_getData */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getData.js"),
-    getFuncName = __webpack_require__(/*! ./_getFuncName */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getFuncName.js"),
-    isArray = __webpack_require__(/*! ./isArray */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isArray.js"),
-    isLaziable = __webpack_require__(/*! ./_isLaziable */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_isLaziable.js");
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/** Used to compose bitmasks for function metadata. */
-var WRAP_CURRY_FLAG = 8,
-    WRAP_PARTIAL_FLAG = 32,
-    WRAP_ARY_FLAG = 128,
-    WRAP_REARG_FLAG = 256;
-
-/**
- * Creates a `_.flow` or `_.flowRight` function.
- *
- * @private
- * @param {boolean} [fromRight] Specify iterating from right to left.
- * @returns {Function} Returns the new flow function.
- */
-function createFlow(fromRight) {
-  return flatRest(function(funcs) {
-    var length = funcs.length,
-        index = length,
-        prereq = LodashWrapper.prototype.thru;
-
-    if (fromRight) {
-      funcs.reverse();
-    }
-    while (index--) {
-      var func = funcs[index];
-      if (typeof func != 'function') {
-        throw new TypeError(FUNC_ERROR_TEXT);
-      }
-      if (prereq && !wrapper && getFuncName(func) == 'wrapper') {
-        var wrapper = new LodashWrapper([], true);
-      }
-    }
-    index = wrapper ? index : length;
-    while (++index < length) {
-      func = funcs[index];
-
-      var funcName = getFuncName(func),
-          data = funcName == 'wrapper' ? getData(func) : undefined;
-
-      if (data && isLaziable(data[0]) &&
-            data[1] == (WRAP_ARY_FLAG | WRAP_CURRY_FLAG | WRAP_PARTIAL_FLAG | WRAP_REARG_FLAG) &&
-            !data[4].length && data[9] == 1
-          ) {
-        wrapper = wrapper[getFuncName(data[0])].apply(wrapper, data[3]);
-      } else {
-        wrapper = (func.length == 1 && isLaziable(func))
-          ? wrapper[funcName]()
-          : wrapper.thru(func);
-      }
-    }
-    return function() {
-      var args = arguments,
-          value = args[0];
-
-      if (wrapper && args.length == 1 && isArray(value)) {
-        return wrapper.plant(value).value();
-      }
-      var index = 0,
-          result = length ? funcs[index].apply(this, args) : value;
-
-      while (++index < length) {
-        result = funcs[index].call(this, result);
-      }
-      return result;
-    };
-  });
-}
-
-module.exports = createFlow;
-
-
 /***/ }),
 
 /***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_createRange.js":
@@ -4690,61 +4575,6 @@ function nativeKeysIn(object) {
 module.exports = nativeKeysIn;
 
 
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getData.js":
-/*!**********************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getData.js ***!
-  \**********************************************************************************/
-/***/ (function(module) {
-
-/**
- * This method returns `undefined`.
- *
- * @static
- * @memberOf _
- * @since 2.3.0
- * @category Util
- * @example
- *
- * _.times(2, _.noop);
- * // => [undefined, undefined]
- */
-function noop() {
-  // No operation performed.
-}
-
-module.exports = noop;
-
-
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getFuncName.js":
-/*!**************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getFuncName.js ***!
-  \**************************************************************************************/
-/***/ (function(module) {
-
-/**
- * This method returns an empty string.
- *
- * @static
- * @memberOf _
- * @since 4.13.0
- * @category Util
- * @returns {string} Returns the empty string.
- * @example
- *
- * _.times(2, _.stubString);
- * // => ['', '']
- */
-function stubString() {
-  return '';
-}
-
-module.exports = stubString;
-
-
 /***/ }),
 
 /***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_getMatchData.js":
@@ -5031,34 +4861,6 @@ function isKey(value, object) {
 module.exports = isKey;
 
 
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_isLaziable.js":
-/*!*************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_isLaziable.js ***!
-  \*************************************************************************************/
-/***/ (function(module) {
-
-/**
- * This method returns `false`.
- *
- * @static
- * @memberOf _
- * @since 4.13.0
- * @category Util
- * @returns {boolean} Returns `false`.
- * @example
- *
- * _.times(2, _.stubFalse);
- * // => [false, false]
- */
-function stubFalse() {
-  return false;
-}
-
-module.exports = stubFalse;
-
-
 /***/ }),
 
 /***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_isPrototype.js":
@@ -6150,43 +5952,6 @@ function flatten(array) {
 module.exports = flatten;
 
 
-/***/ }),
-
-/***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/flow.js":
-/*!******************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/flow.js ***!
-  \******************************************************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var createFlow = __webpack_require__(/*! ./_createFlow */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_createFlow.js");
-
-/**
- * Creates a function that returns the result of invoking the given functions
- * with the `this` binding of the created function, where each successive
- * invocation is supplied the return value of the previous.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Util
- * @param {...(Function|Function[])} [funcs] The functions to invoke.
- * @returns {Function} Returns the new composite function.
- * @see _.flowRight
- * @example
- *
- * function square(n) {
- *   return n * n;
- * }
- *
- * var addSquare = _.flow([_.add, square]);
- * addSquare(1, 2);
- * // => 9
- */
-var flow = createFlow();
-
-module.exports = flow;
-
-
 /***/ }),
 
 /***/ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/forOwn.js":
@@ -11770,8 +11535,9 @@ const BrushHelpers = {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "BrushHelpers": function() { return /* reexport safe */ _brush_helpers__WEBPACK_IMPORTED_MODULE_1__.BrushHelpers; },
+/* harmony export */   "VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ _victory_brush_container__WEBPACK_IMPORTED_MODULE_0__.VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryBrushContainer": function() { return /* reexport safe */ _victory_brush_container__WEBPACK_IMPORTED_MODULE_0__.VictoryBrushContainer; },
-/* harmony export */   "brushContainerMixin": function() { return /* reexport safe */ _victory_brush_container__WEBPACK_IMPORTED_MODULE_0__.brushContainerMixin; }
+/* harmony export */   "useVictoryBrushContainer": function() { return /* reexport safe */ _victory_brush_container__WEBPACK_IMPORTED_MODULE_0__.useVictoryBrushContainer; }
 /* harmony export */ });
 /* harmony import */ var _victory_brush_container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-brush-container */ "../../victory-brush-container/es/victory-brush-container.js");
 /* harmony import */ var _brush_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./brush-helpers */ "../../victory-brush-container/es/brush-helpers.js");
@@ -11789,17 +11555,18 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS": function() { return /* binding */ VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryBrushContainer": function() { return /* binding */ VictoryBrushContainer; },
-/* harmony export */   "brushContainerMixin": function() { return /* binding */ brushContainerMixin; }
+/* harmony export */   "useVictoryBrushContainer": function() { return /* binding */ useVictoryBrushContainer; }
 /* harmony export */ });
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/defaults.js");
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/rect.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/selection.js");
-/* harmony import */ var _brush_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./brush-helpers */ "../../victory-brush-container/es/brush-helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/rect.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/selection.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
+/* harmony import */ var _brush_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./brush-helpers */ "../../victory-brush-container/es/brush-helpers.js");
 /* harmony import */ var react_fast_compare__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-fast-compare */ "../../../node_modules/.pnpm/react-fast-compare@3.2.0/node_modules/react-fast-compare/index.js");
 /* harmony import */ var react_fast_compare__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_fast_compare__WEBPACK_IMPORTED_MODULE_2__);
 
@@ -11807,172 +11574,176 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function brushContainerMixin(Base) {
-  // @ts-expect-error "TS2545: A mixin class must have a constructor with a single rest parameter of type 'any[]'."
-  return class VictoryBrushContainer extends Base {
-    static displayName = "VictoryBrushContainer";
-    static defaultProps = {
-      ...victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer.defaultProps,
-      allowDrag: true,
-      allowDraw: true,
-      allowResize: true,
-      brushComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.Rect, null),
-      brushStyle: {
-        stroke: "transparent",
-        fill: "black",
-        fillOpacity: 0.1
-      },
-      handleComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.Rect, null),
-      handleStyle: {
-        stroke: "transparent",
-        fill: "transparent"
-      },
-      handleWidth: 8,
-      mouseMoveThreshold: 0
+const VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS = {
+  allowDrag: true,
+  allowDraw: true,
+  allowResize: true,
+  brushComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.Rect, null),
+  brushStyle: {
+    stroke: "transparent",
+    fill: "black",
+    fillOpacity: 0.1
+  },
+  handleComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.Rect, null),
+  handleStyle: {
+    stroke: "transparent",
+    fill: "transparent"
+  },
+  handleWidth: 8,
+  mouseMoveThreshold: 0
+};
+const useVictoryBrushContainer = initialProps => {
+  const props = {
+    ...VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const {
+    children
+  } = props;
+  const getSelectBox = coordinates => {
+    const {
+      x,
+      y
+    } = coordinates;
+    const {
+      brushStyle,
+      brushComponent,
+      name
+    } = props;
+    const brushComponentStyle = brushComponent.props && brushComponent.props.style;
+    const cursor = !props.allowDrag && !props.allowResize ? "auto" : "move";
+    return x[0] !== x[1] && y[0] !== y[1] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(brushComponent, {
+      key: `${name}-brush`,
+      width: Math.abs(x[1] - x[0]) || 1,
+      height: Math.abs(y[1] - y[0]) || 1,
+      x: Math.min(x[0], x[1]),
+      y: Math.min(y[0], y[1]),
+      cursor,
+      style: lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, brushComponentStyle, brushStyle)
+    }) : null;
+  };
+  const getCursorPointers = () => {
+    const cursors = {
+      yProps: "ns-resize",
+      xProps: "ew-resize"
     };
-    static defaultEvents(props) {
-      return [{
-        target: "parent",
-        eventHandlers: {
-          onMouseDown: (evt, targetProps) => {
-            return props.disable ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onMouseDown(evt, targetProps);
-          },
-          onTouchStart: (evt, targetProps) => {
-            return props.disable ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onMouseDown(evt, targetProps);
-          },
-          onGlobalMouseMove: (evt, targetProps) => {
-            return props.disable || !targetProps.isPanning && !targetProps.isSelecting ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onGlobalMouseMove(evt, targetProps);
-          },
-          onGlobalTouchMove: (evt, targetProps) => {
-            return props.disable || !targetProps.isPanning && !targetProps.isSelecting ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onGlobalMouseMove(evt, targetProps);
-          },
-          onGlobalMouseUp: (evt, targetProps) => {
-            return props.disable ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onGlobalMouseUp(evt, targetProps);
-          },
-          onGlobalTouchEnd: (evt, targetProps) => {
-            return props.disable ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onGlobalMouseUp(evt, targetProps);
-          },
-          onGlobalTouchCancel: (evt, targetProps) => {
-            return props.disable ? {} : _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.onGlobalMouseUp(evt, targetProps);
-          }
-        }
-      }];
-    }
-    getSelectBox(props, coordinates) {
-      const {
-        x,
-        y
-      } = coordinates;
-      const {
-        brushStyle,
-        brushComponent,
-        name
-      } = props;
-      const brushComponentStyle = brushComponent.props && brushComponent.props.style;
-      const cursor = !props.allowDrag && !props.allowResize ? "auto" : "move";
-      return x[0] !== x[1] && y[0] !== y[1] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(brushComponent, {
-        key: `${name}-brush`,
-        width: Math.abs(x[1] - x[0]) || 1,
-        height: Math.abs(y[1] - y[0]) || 1,
-        x: Math.min(x[0], x[1]),
-        y: Math.min(y[0], y[1]),
-        cursor,
-        style: lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, brushComponentStyle, brushStyle)
-      }) : null;
-    }
-    getCursorPointers(props) {
-      const cursors = {
-        yProps: "ns-resize",
-        xProps: "ew-resize"
-      };
-      if (!props.allowResize && props.allowDrag) {
-        cursors.xProps = "move";
-        cursors.yProps = "move";
-      } else if (!props.allowResize && !props.allowDrag) {
-        cursors.xProps = "auto";
-        cursors.yProps = "auto";
-      }
-      return cursors;
-    }
-    getHandles(props, domain) {
-      const {
-        handleWidth,
-        handleStyle,
-        handleComponent,
-        name
-      } = props;
-      const domainBox = _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.getDomainBox(props, domain);
-      const {
-        x1,
-        x2,
-        y1,
-        y2
-      } = domainBox;
-      const {
-        top,
-        bottom,
-        left,
-        right
-      } = _brush_helpers__WEBPACK_IMPORTED_MODULE_5__.BrushHelpers.getHandles(props, domainBox);
-      const width = Math.abs(x2 - x1) || 1;
-      const height = Math.abs(y2 - y1) || 1;
-      const handleComponentStyle = handleComponent.props && handleComponent.props.style || {};
-      const style = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, handleComponentStyle, handleStyle);
-      const cursors = this.getCursorPointers(props);
-      const yProps = {
-        style,
-        width,
-        height: handleWidth,
-        cursor: cursors.yProps
-      };
-      const xProps = {
-        style,
-        width: handleWidth,
-        height,
-        cursor: cursors.xProps
-      };
-      const handleProps = {
-        top: top && Object.assign({
-          x: top.x1,
-          y: top.y1
-        }, yProps),
-        bottom: bottom && Object.assign({
-          x: bottom.x1,
-          y: bottom.y1
-        }, yProps),
-        left: left && Object.assign({
-          y: left.y1,
-          x: left.x1
-        }, xProps),
-        right: right && Object.assign({
-          y: right.y1,
-          x: right.x1
-        }, xProps)
-      };
-      const handles = ["top", "bottom", "left", "right"].reduce((memo, curr) => handleProps[curr] ? memo.concat( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(handleComponent, Object.assign({
-        key: `${name}-handle-${curr}`
-      }, handleProps[curr]))) : memo, []);
-      return handles.length ? handles : null;
-    }
-    getRect(props) {
-      const {
-        currentDomain,
-        cachedBrushDomain
-      } = props;
-      const brushDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.brushDomain, props.domain);
-      const domain = react_fast_compare__WEBPACK_IMPORTED_MODULE_2___default()(brushDomain, cachedBrushDomain) ? lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, currentDomain, brushDomain) : brushDomain;
-      const coordinates = victory_core__WEBPACK_IMPORTED_MODULE_6__.getDomainCoordinates(props, domain);
-      const selectBox = this.getSelectBox(props, coordinates);
-      return selectBox ? [selectBox, this.getHandles(props, domain)] : [];
-    }
-
-    // Overrides method in VictoryContainer
-    getChildren(props) {
-      return [...react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(props.children), ...this.getRect(props)];
+    if (!props.allowResize && props.allowDrag) {
+      cursors.xProps = "move";
+      cursors.yProps = "move";
+    } else if (!props.allowResize && !props.allowDrag) {
+      cursors.xProps = "auto";
+      cursors.yProps = "auto";
     }
+    return cursors;
   };
-}
-const VictoryBrushContainer = brushContainerMixin(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer);
+  const getHandles = domain => {
+    const {
+      handleWidth,
+      handleStyle,
+      handleComponent,
+      name
+    } = props;
+    const domainBox = _brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.getDomainBox(props, domain);
+    const {
+      x1,
+      x2,
+      y1,
+      y2
+    } = domainBox;
+    const {
+      top,
+      bottom,
+      left,
+      right
+    } = _brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.getHandles(props, domainBox);
+    const width = Math.abs(x2 - x1) || 1;
+    const height = Math.abs(y2 - y1) || 1;
+    const handleComponentStyle = handleComponent.props && handleComponent.props.style || {};
+    const style = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, handleComponentStyle, handleStyle);
+    const cursors = getCursorPointers();
+    const yProps = {
+      style,
+      width,
+      height: handleWidth,
+      cursor: cursors.yProps
+    };
+    const xProps = {
+      style,
+      width: handleWidth,
+      height,
+      cursor: cursors.xProps
+    };
+    const handleProps = {
+      top: top && Object.assign({
+        x: top.x1,
+        y: top.y1
+      }, yProps),
+      bottom: bottom && Object.assign({
+        x: bottom.x1,
+        y: bottom.y1
+      }, yProps),
+      left: left && Object.assign({
+        y: left.y1,
+        x: left.x1
+      }, xProps),
+      right: right && Object.assign({
+        y: right.y1,
+        x: right.x1
+      }, xProps)
+    };
+    const handles = ["top", "bottom", "left", "right"].reduce((memo, curr) => handleProps[curr] ? memo.concat( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(handleComponent, Object.assign({
+      key: `${name}-handle-${curr}`
+    }, handleProps[curr]))) : memo, []);
+    return handles.length ? handles : null;
+  };
+  const getRect = () => {
+    const {
+      currentDomain,
+      cachedBrushDomain
+    } = props;
+    const brushDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.brushDomain, props.domain);
+    const domain = react_fast_compare__WEBPACK_IMPORTED_MODULE_2___default()(brushDomain, cachedBrushDomain) ? lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, currentDomain, brushDomain) : brushDomain;
+    const coordinates = victory_core__WEBPACK_IMPORTED_MODULE_5__.getDomainCoordinates(props, domain);
+    const selectBox = getSelectBox(coordinates);
+    return selectBox ? [selectBox, getHandles(domain)] : [];
+  };
+  return {
+    props,
+    children: [...react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(children), ...getRect()]
+  };
+};
+const VictoryBrushContainer = initialProps => {
+  const {
+    props,
+    children
+  } = useVictoryBrushContainer(initialProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.VictoryContainer, props, children);
+};
+VictoryBrushContainer.role = "container";
+VictoryBrushContainer.defaultEvents = initialProps => {
+  const props = {
+    ...VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const createEventHandler = (handler, isDisabled) =>
+  // eslint-disable-next-line max-params
+  (event, targetProps, eventKey, context) => props.disable || isDisabled?.(targetProps) ? {} : handler(event, {
+    ...props,
+    ...targetProps
+  }, eventKey, context);
+  return [{
+    target: "parent",
+    eventHandlers: {
+      onMouseDown: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onMouseDown),
+      onTouchStart: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onMouseDown),
+      onGlobalMouseMove: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onGlobalMouseMove, targetProps => !targetProps.isPanning && !targetProps.isSelecting),
+      onGlobalTouchMove: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onGlobalMouseMove, targetProps => !targetProps.isPanning && !targetProps.isSelecting),
+      onGlobalMouseUp: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onGlobalMouseUp),
+      onGlobalTouchEnd: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onGlobalMouseUp),
+      onGlobalTouchCancel: createEventHandler(_brush_helpers__WEBPACK_IMPORTED_MODULE_4__.BrushHelpers.onGlobalMouseUp)
+    }
+  }];
+};
 
 /***/ }),
 
@@ -14186,53 +13957,58 @@ VictoryChart.expectedComponents = ["groupComponent", "containerComponent"];
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Arc": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Arc; },
-/* harmony export */   "Axis": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Axis; },
-/* harmony export */   "Background": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Background; },
-/* harmony export */   "Border": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Border; },
-/* harmony export */   "Box": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Border; },
-/* harmony export */   "Circle": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Circle; },
-/* harmony export */   "ClipPath": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.ClipPath; },
-/* harmony export */   "Collection": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Collection; },
-/* harmony export */   "Data": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Data; },
-/* harmony export */   "DefaultTransitions": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.DefaultTransitions; },
-/* harmony export */   "Domain": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Domain; },
-/* harmony export */   "Events": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Events; },
-/* harmony export */   "Helpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Helpers; },
-/* harmony export */   "Hooks": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Hooks; },
-/* harmony export */   "Immutable": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Immutable; },
-/* harmony export */   "LabelHelpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.LabelHelpers; },
-/* harmony export */   "Line": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Line; },
-/* harmony export */   "LineHelpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.LineHelpers; },
-/* harmony export */   "LineSegment": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.LineSegment; },
-/* harmony export */   "Log": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Log; },
-/* harmony export */   "Path": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Path; },
-/* harmony export */   "Point": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Point; },
-/* harmony export */   "PointPathHelpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.PointPathHelpers; },
+/* harmony export */   "Arc": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Arc; },
+/* harmony export */   "Axis": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Axis; },
+/* harmony export */   "Background": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Background; },
+/* harmony export */   "Border": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Border; },
+/* harmony export */   "Box": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_12__.Border; },
+/* harmony export */   "Circle": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Circle; },
+/* harmony export */   "ClipPath": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.ClipPath; },
+/* harmony export */   "Collection": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Collection; },
+/* harmony export */   "Data": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Data; },
+/* harmony export */   "DefaultTransitions": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.DefaultTransitions; },
+/* harmony export */   "Domain": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Domain; },
+/* harmony export */   "Events": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Events; },
+/* harmony export */   "Helpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Helpers; },
+/* harmony export */   "Hooks": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Hooks; },
+/* harmony export */   "Immutable": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Immutable; },
+/* harmony export */   "LabelHelpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.LabelHelpers; },
+/* harmony export */   "Line": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Line; },
+/* harmony export */   "LineHelpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.LineHelpers; },
+/* harmony export */   "LineSegment": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.LineSegment; },
+/* harmony export */   "Log": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Log; },
+/* harmony export */   "Path": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Path; },
+/* harmony export */   "Point": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Point; },
+/* harmony export */   "PointPathHelpers": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.PointPathHelpers; },
 /* harmony export */   "Portal": function() { return /* reexport safe */ _victory_portal_portal__WEBPACK_IMPORTED_MODULE_7__.Portal; },
-/* harmony export */   "PortalContext": function() { return /* reexport safe */ _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_8__.PortalContext; },
-/* harmony export */   "Rect": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Rect; },
-/* harmony export */   "Scale": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Scale; },
-/* harmony export */   "Selection": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Selection; },
-/* harmony export */   "Style": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Style; },
-/* harmony export */   "TSpan": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.TSpan; },
-/* harmony export */   "Text": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Text; },
-/* harmony export */   "TextSize": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.TextSize; },
-/* harmony export */   "Timer": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Timer; },
-/* harmony export */   "TimerContext": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.TimerContext; },
-/* harmony export */   "Transitions": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Transitions; },
-/* harmony export */   "UserProps": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.UserProps; },
+/* harmony export */   "PortalContext": function() { return /* reexport safe */ _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_9__.PortalContext; },
+/* harmony export */   "PortalOutlet": function() { return /* reexport safe */ _victory_portal_portal_outlet__WEBPACK_IMPORTED_MODULE_10__.PortalOutlet; },
+/* harmony export */   "PortalProvider": function() { return /* reexport safe */ _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_9__.PortalProvider; },
+/* harmony export */   "Rect": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Rect; },
+/* harmony export */   "Scale": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Scale; },
+/* harmony export */   "Selection": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Selection; },
+/* harmony export */   "Style": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Style; },
+/* harmony export */   "TSpan": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.TSpan; },
+/* harmony export */   "Text": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Text; },
+/* harmony export */   "TextSize": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.TextSize; },
+/* harmony export */   "Timer": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Timer; },
+/* harmony export */   "TimerContext": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.TimerContext; },
+/* harmony export */   "Transitions": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Transitions; },
+/* harmony export */   "UserProps": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.UserProps; },
 /* harmony export */   "VictoryAccessibleGroup": function() { return /* reexport safe */ _victory_accessible_group_victory_accessible_group__WEBPACK_IMPORTED_MODULE_0__.VictoryAccessibleGroup; },
 /* harmony export */   "VictoryAnimation": function() { return /* reexport safe */ _victory_animation_victory_animation__WEBPACK_IMPORTED_MODULE_1__.VictoryAnimation; },
 /* harmony export */   "VictoryClipContainer": function() { return /* reexport safe */ _victory_clip_container_victory_clip_container__WEBPACK_IMPORTED_MODULE_5__.VictoryClipContainer; },
 /* harmony export */   "VictoryContainer": function() { return /* reexport safe */ _victory_container_victory_container__WEBPACK_IMPORTED_MODULE_2__.VictoryContainer; },
 /* harmony export */   "VictoryLabel": function() { return /* reexport safe */ _victory_label_victory_label__WEBPACK_IMPORTED_MODULE_3__.VictoryLabel; },
-/* harmony export */   "VictoryPortal": function() { return /* reexport safe */ _victory_portal_victory_portal__WEBPACK_IMPORTED_MODULE_9__.VictoryPortal; },
+/* harmony export */   "VictoryPortal": function() { return /* reexport safe */ _victory_portal_victory_portal__WEBPACK_IMPORTED_MODULE_8__.VictoryPortal; },
 /* harmony export */   "VictoryTheme": function() { return /* reexport safe */ _victory_theme_victory_theme__WEBPACK_IMPORTED_MODULE_6__.VictoryTheme; },
 /* harmony export */   "VictoryTransition": function() { return /* reexport safe */ _victory_transition_victory_transition__WEBPACK_IMPORTED_MODULE_4__.VictoryTransition; },
-/* harmony export */   "Whisker": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_10__.Whisker; },
-/* harmony export */   "Wrapper": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.Wrapper; },
-/* harmony export */   "addEvents": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_12__.addEvents; }
+/* harmony export */   "Whisker": function() { return /* reexport safe */ _victory_primitives__WEBPACK_IMPORTED_MODULE_11__.Whisker; },
+/* harmony export */   "Wrapper": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.Wrapper; },
+/* harmony export */   "addEvents": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.addEvents; },
+/* harmony export */   "mergeRefs": function() { return /* reexport safe */ _victory_util__WEBPACK_IMPORTED_MODULE_13__.mergeRefs; },
+/* harmony export */   "usePortalContext": function() { return /* reexport safe */ _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_9__.usePortalContext; },
+/* harmony export */   "useVictoryContainer": function() { return /* reexport safe */ _victory_container_victory_container__WEBPACK_IMPORTED_MODULE_2__.useVictoryContainer; }
 /* harmony export */ });
 /* harmony import */ var _victory_accessible_group_victory_accessible_group__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-accessible-group/victory-accessible-group */ "../../victory-core/es/victory-accessible-group/victory-accessible-group.js");
 /* harmony import */ var _victory_animation_victory_animation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./victory-animation/victory-animation */ "../../victory-core/es/victory-animation/victory-animation.js");
@@ -14242,11 +14018,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _victory_clip_container_victory_clip_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./victory-clip-container/victory-clip-container */ "../../victory-core/es/victory-clip-container/victory-clip-container.js");
 /* harmony import */ var _victory_theme_victory_theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./victory-theme/victory-theme */ "../../victory-core/es/victory-theme/victory-theme.js");
 /* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
-/* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
-/* harmony import */ var _victory_portal_victory_portal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./victory-portal/victory-portal */ "../../victory-core/es/victory-portal/victory-portal.js");
-/* harmony import */ var _victory_primitives__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./victory-primitives */ "../../victory-core/es/victory-primitives/index.js");
-/* harmony import */ var _victory_primitives__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./victory-primitives */ "../../victory-core/es/victory-primitives/border.js");
-/* harmony import */ var _victory_util__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./victory-util */ "../../victory-core/es/victory-util/index.js");
+/* harmony import */ var _victory_portal_victory_portal__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./victory-portal/victory-portal */ "../../victory-core/es/victory-portal/victory-portal.js");
+/* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
+/* harmony import */ var _victory_portal_portal_outlet__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./victory-portal/portal-outlet */ "../../victory-core/es/victory-portal/portal-outlet.js");
+/* harmony import */ var _victory_primitives__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./victory-primitives */ "../../victory-core/es/victory-primitives/index.js");
+/* harmony import */ var _victory_primitives__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./victory-primitives */ "../../victory-core/es/victory-primitives/border.js");
+/* harmony import */ var _victory_util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./victory-util */ "../../victory-core/es/victory-util/index.js");
+
 
 
 
@@ -14881,23 +14659,18 @@ class VictoryClipContainer extends (react__WEBPACK_IMPORTED_MODULE_3___default()
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "VictoryContainer": function() { return /* binding */ VictoryContainer; }
+/* harmony export */   "VictoryContainer": function() { return /* binding */ VictoryContainer; },
+/* harmony export */   "useVictoryContainer": function() { return /* binding */ useVictoryContainer; }
 /* harmony export */ });
-/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js");
-/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/uniqueId */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/uniqueId.js");
-/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/defaults.js");
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
-/* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
-/* harmony import */ var _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-util/timer-context */ "../../victory-core/es/victory-util/timer-context.js");
-/* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _victory_util_user_props__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../victory-util/user-props */ "../../victory-core/es/victory-util/user-props.js");
-
-
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/uniqueId */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _victory_portal_portal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../victory-portal/portal */ "../../victory-core/es/victory-portal/portal.js");
+/* harmony import */ var _victory_util_user_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../victory-util/user-props */ "../../victory-core/es/victory-util/user-props.js");
+/* harmony import */ var _victory_util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-util */ "../../victory-core/es/victory-util/merge-refs.js");
+/* harmony import */ var _victory_portal_portal_outlet__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../victory-portal/portal-outlet */ "../../victory-core/es/victory-portal/portal-outlet.js");
+/* harmony import */ var _victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-portal/portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -14906,175 +14679,149 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-class VictoryContainer extends (react__WEBPACK_IMPORTED_MODULE_3___default().Component) {
-  static displayName = "VictoryContainer";
-  static role = "container";
-  static defaultProps = {
-    className: "VictoryContainer",
-    portalComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_victory_portal_portal__WEBPACK_IMPORTED_MODULE_4__.Portal, null),
-    portalZIndex: 99,
-    responsive: true,
-    role: "img"
-  };
-  static contextType = _victory_util_timer_context__WEBPACK_IMPORTED_MODULE_5__["default"];
-
-  // @ts-expect-error Ref will be initialized on mount
-
-  // @ts-expect-error Ref will be initialized on mount
-
-  constructor(props) {
-    super(props);
-    this.containerId = !lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(props) || props.containerId === undefined ? lodash_uniqueId__WEBPACK_IMPORTED_MODULE_1___default()("victory-container-") : props.containerId;
-    this.shouldHandleWheel = !!(props && props.events && props.events.onWheel);
-  }
-  savePortalRef = portal => {
-    this.portalRef = portal;
-    return portal;
+const defaultProps = {
+  className: "VictoryContainer",
+  portalComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_victory_portal_portal__WEBPACK_IMPORTED_MODULE_2__.Portal, null),
+  portalZIndex: 99,
+  responsive: true,
+  role: "img"
+};
+function useVictoryContainer(initialProps) {
+  const props = {
+    ...defaultProps,
+    ...initialProps
   };
-  portalUpdate = (key, el) => this.portalRef.portalUpdate(key, el);
-  portalRegister = () => this.portalRef.portalRegister();
-  portalDeregister = key => this.portalRef.portalDeregister(key);
-  saveContainerRef = container => {
-    if (_victory_util_helpers__WEBPACK_IMPORTED_MODULE_6__.isFunction(this.props.containerRef)) {
-      this.props.containerRef(container);
-    }
-    this.containerRef = container;
-    return container;
+  const {
+    title,
+    desc,
+    width,
+    height,
+    responsive
+  } = props;
+  const localContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+
+  // Generated ID stored in ref because it needs to persist across renders
+  const generatedId = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0___default()("victory-container-"));
+  const containerId = props.containerId ?? generatedId.current;
+  const getIdForElement = elName => `${containerId}-${elName}`;
+  const userProps = _victory_util_user_props__WEBPACK_IMPORTED_MODULE_3__.getSafeUserProps(props);
+  const dimensions = responsive ? {
+    width: "100%",
+    height: "100%"
+  } : {
+    width,
+    height
   };
-  handleWheel = e => e.preventDefault();
-  componentDidMount() {
-    if (this.shouldHandleWheel && this.containerRef) {
-      this.containerRef.addEventListener("wheel", this.handleWheel);
-    }
-  }
-  componentWillUnmount() {
-    if (this.shouldHandleWheel && this.containerRef) {
-      this.containerRef.removeEventListener("wheel", this.handleWheel);
-    }
-  }
-  getIdForElement(elementName) {
-    return `${this.containerId}-${elementName}`;
-  }
-
-  // overridden in custom containers
-  getChildren(props) {
-    return props.children;
-  }
-
-  // Get props defined by the Open UI Automation (OUIA) 1.0-RC spec
-  // See https://ouia.readthedocs.io/en/latest/README.html#ouia-component
-  getOUIAProps(props) {
-    const {
-      ouiaId,
-      ouiaSafe,
-      ouiaType
-    } = props;
-    return {
-      ...(ouiaId && {
-        "data-ouia-component-id": ouiaId
-      }),
-      ...(ouiaType && {
-        "data-ouia-component-type": ouiaType
-      }),
-      ...(ouiaSafe !== undefined && {
-        "data-ouia-safe": ouiaSafe
-      })
-    };
-  }
-  renderContainer(props, svgProps, style) {
-    const {
-      title,
-      desc,
-      portalComponent,
-      className,
-      width,
-      height,
-      portalZIndex,
-      responsive
-    } = props;
-    const children = this.getChildren(props);
-    const dimensions = responsive ? {
-      width: "100%",
-      height: "100%"
-    } : {
-      width,
-      height
+  const viewBox = responsive ? `0 0 ${width} ${height}` : undefined;
+  const preserveAspectRatio = responsive ? props.preserveAspectRatio : undefined;
+  const ariaLabelledBy = [title && getIdForElement("title"), props["aria-labelledby"]].filter(Boolean).join(" ") || undefined;
+  const ariaDescribedBy = [desc && getIdForElement("desc"), props["aria-describedby"]].filter(Boolean).join(" ") || undefined;
+  const titleId = getIdForElement("title");
+  const descId = getIdForElement("desc");
+  return {
+    ...props,
+    titleId,
+    descId,
+    dimensions,
+    viewBox,
+    preserveAspectRatio,
+    ariaLabelledBy,
+    ariaDescribedBy,
+    userProps,
+    localContainerRef
+  };
+}
+const VictoryContainer = initialProps => {
+  const {
+    role,
+    title,
+    desc,
+    children,
+    className,
+    portalZIndex,
+    portalComponent,
+    width,
+    height,
+    style,
+    tabIndex,
+    responsive,
+    events,
+    ouiaId,
+    ouiaSafe,
+    ouiaType,
+    dimensions,
+    ariaDescribedBy,
+    ariaLabelledBy,
+    viewBox,
+    preserveAspectRatio,
+    userProps,
+    titleId,
+    descId,
+    containerRef,
+    localContainerRef
+  } = useVictoryContainer(initialProps);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    if (!events?.onWheel) return;
+    const handleWheel = e => e.preventDefault();
+    const container = localContainerRef?.current;
+    container?.addEventListener("wheel", handleWheel);
+    return () => {
+      container?.removeEventListener("wheel", handleWheel);
     };
-    const divStyle = Object.assign({
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    className: className,
+    style: {
+      ...style,
+      width: responsive ? style?.width : dimensions.width,
+      height: responsive ? style?.height : dimensions.height,
       pointerEvents: "none",
       touchAction: "none",
       position: "relative"
-    }, dimensions);
-    const portalDivStyle = Object.assign({
+    },
+    "data-ouia-component-id": ouiaId,
+    "data-ouia-component-type": ouiaType,
+    "data-ouia-safe": ouiaSafe,
+    ref: (0,_victory_util__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)([localContainerRef, containerRef])
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_5__.PortalProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("svg", _extends({
+    width: width,
+    height: height,
+    tabIndex: tabIndex,
+    role: role,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    viewBox: viewBox,
+    preserveAspectRatio: preserveAspectRatio,
+    style: {
+      ...dimensions,
+      pointerEvents: "all"
+    }
+  }, userProps, events), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("title", {
+    id: titleId
+  }, title) : null, desc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("desc", {
+    id: descId
+  }, desc) : null, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    style: {
+      ...dimensions,
       zIndex: portalZIndex,
       position: "absolute",
       top: 0,
       left: 0
-    }, dimensions);
-    const svgStyle = Object.assign({
-      pointerEvents: "all"
-    }, dimensions);
-    const portalSvgStyle = Object.assign({
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_victory_portal_portal_outlet__WEBPACK_IMPORTED_MODULE_6__.PortalOutlet, {
+    as: portalComponent,
+    width: width,
+    height: height,
+    viewBox: viewBox,
+    preserveAspectRatio: preserveAspectRatio,
+    style: {
+      ...dimensions,
       overflow: "visible"
-    }, dimensions);
-    const portalProps = {
-      width,
-      height,
-      viewBox: svgProps.viewBox,
-      preserveAspectRatio: svgProps.preserveAspectRatio,
-      style: portalSvgStyle
-    };
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_7__.PortalContext.Provider, {
-      value: {
-        portalUpdate: this.portalUpdate,
-        portalRegister: this.portalRegister,
-        portalDeregister: this.portalDeregister
-      }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", _extends({
-      style: lodash_defaults__WEBPACK_IMPORTED_MODULE_2___default()({}, style, divStyle),
-      className: className,
-      ref: this.saveContainerRef
-    }, this.getOUIAProps(props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("svg", _extends({}, svgProps, {
-      style: svgStyle
-    }), title ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("title", {
-      id: this.getIdForElement("title")
-    }, title) : null, desc ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("desc", {
-      id: this.getIdForElement("desc")
-    }, desc) : null, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement("div", {
-      style: portalDivStyle
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().cloneElement(portalComponent, {
-      ...portalProps,
-      ref: this.savePortalRef
-    }))));
-  }
-  render() {
-    const {
-      width,
-      height,
-      responsive,
-      events,
-      title,
-      desc,
-      tabIndex,
-      preserveAspectRatio,
-      role
-    } = this.props;
-    const style = responsive ? this.props.style : _victory_util_helpers__WEBPACK_IMPORTED_MODULE_6__.omit(this.props.style, ["height", "width"]);
-    const userProps = _victory_util_user_props__WEBPACK_IMPORTED_MODULE_8__.getSafeUserProps(this.props);
-    const svgProps = Object.assign({
-      width,
-      height,
-      tabIndex,
-      role,
-      "aria-labelledby": [title && this.getIdForElement("title"), this.props["aria-labelledby"]].filter(Boolean).join(" ") || undefined,
-      "aria-describedby": [desc && this.getIdForElement("desc"), this.props["aria-describedby"]].filter(Boolean).join(" ") || undefined,
-      viewBox: responsive ? `0 0 ${width} ${height}` : undefined,
-      preserveAspectRatio: responsive ? preserveAspectRatio : undefined,
-      ...userProps
-    }, events);
-    return this.renderContainer(this.props, svgProps, style);
-  }
-}
+    }
+  }))));
+};
+VictoryContainer.role = "container";
 
 /***/ }),
 
@@ -15587,17 +15334,78 @@ VictoryLabel.defaultStyles = defaultStyles;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "PortalContext": function() { return /* binding */ PortalContext; }
+/* harmony export */   "PortalContext": function() { return /* binding */ PortalContext; },
+/* harmony export */   "PortalProvider": function() { return /* binding */ PortalProvider; },
+/* harmony export */   "usePortalContext": function() { return /* binding */ usePortalContext; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 
-/**
- * The React context object consumers may use to access the context of the
- * portal.
- */
-const PortalContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({});
+const PortalContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext(undefined);
 PortalContext.displayName = "PortalContext";
+const usePortalContext = () => {
+  const context = react__WEBPACK_IMPORTED_MODULE_0___default().useContext(PortalContext);
+  return context;
+};
+const PortalProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [portalChildren, setPortalChildren] = react__WEBPACK_IMPORTED_MODULE_0___default().useState(new Map());
+  const addChild = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback((id, element) => {
+    setPortalChildren(prevChildren => {
+      const nextChildren = new Map(prevChildren);
+      nextChildren.set(id, element);
+      return nextChildren;
+    });
+  }, [setPortalChildren]);
+  const removeChild = react__WEBPACK_IMPORTED_MODULE_0___default().useCallback(id => {
+    setPortalChildren(prevChildren => {
+      const nextChildren = new Map(prevChildren);
+      nextChildren.delete(id);
+      return nextChildren;
+    });
+  }, [setPortalChildren]);
+  const contextValue = react__WEBPACK_IMPORTED_MODULE_0___default().useMemo(() => ({
+    addChild,
+    removeChild,
+    children: portalChildren
+  }), [addChild, removeChild, portalChildren]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PortalContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+/***/ }),
+
+/***/ "../../victory-core/es/victory-portal/portal-outlet.js":
+/*!*************************************************************!*\
+  !*** ../../victory-core/es/victory-portal/portal-outlet.js ***!
+  \*************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "PortalOutlet": function() { return /* binding */ PortalOutlet; }
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _portal_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
+
+
+const PortalOutlet = _ref => {
+  let {
+    as: portalComponent,
+    ...props
+  } = _ref;
+  const portalContext = (0,_portal_context__WEBPACK_IMPORTED_MODULE_1__.usePortalContext)();
+  if (!portalContext) {
+    return null;
+  }
+  const children = Array.from(portalContext.children.values());
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(portalComponent, props, children);
+};
 
 /***/ }),
 
@@ -15614,39 +15422,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-class Portal extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {
-  static displayName = "Portal";
-  constructor(props) {
-    super(props);
-    this.map = {};
-    this.index = 1;
-  }
-  portalRegister = () => {
-    return ++this.index;
-  };
-  portalUpdate = (key, element) => {
-    this.map[key] = element;
-    this.forceUpdate();
-  };
-  portalDeregister = key => {
-    delete this.map[key];
-    this.forceUpdate();
-  };
-  getChildren() {
-    return Object.keys(this.map).map(key => {
-      const el = this.map[key];
-      return el ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(el, {
-        key
-      }) : el;
-    });
-  }
-
-  // Overridden in victory-core-native
-  render() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", this.props, this.getChildren());
-  }
-}
+const Portal = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef((props, ref) => {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
+    ref: ref
+  }, props));
+});
 
 /***/ }),
 
@@ -15673,59 +15455,44 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-class VictoryPortal extends (react__WEBPACK_IMPORTED_MODULE_1___default().Component) {
-  static displayName = "VictoryPortal";
-  static role = "portal";
-  static defaultProps = {
-    groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null)
+const defaultProps = {
+  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null)
+};
+const VictoryPortal = initialProps => {
+  const props = {
+    ...defaultProps,
+    ...initialProps
   };
-  static contextType = _portal_context__WEBPACK_IMPORTED_MODULE_2__.PortalContext;
-  componentDidMount() {
-    if (!this.checkedContext) {
-      if (typeof this.context.portalUpdate !== "function") {
-        const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
-        _victory_util_log__WEBPACK_IMPORTED_MODULE_3__.warn(msg);
-        this.renderInPlace = true;
-      }
-      this.checkedContext = true;
-    }
-    this.forceUpdate();
+  const id = react__WEBPACK_IMPORTED_MODULE_1___default().useId();
+  const portalContext = (0,_portal_context__WEBPACK_IMPORTED_MODULE_2__.usePortalContext)();
+  if (!portalContext) {
+    const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
+    _victory_util_log__WEBPACK_IMPORTED_MODULE_3__.warn(msg);
   }
-  componentDidUpdate() {
-    if (!this.renderInPlace) {
-      this.portalKey = this.portalKey || this.context.portalRegister();
-      this.context.portalUpdate(this.portalKey, this.element);
-    }
-  }
-  componentWillUnmount() {
-    if (this.context && this.context.portalDeregister) {
-      this.context.portalDeregister(this.portalKey);
-    }
-  }
-
-  // Overridden in victory-core-native
-  renderPortal(child) {
-    if (this.renderInPlace) {
-      return child;
-    }
-    this.element = child;
-    return null;
-  }
-  render() {
-    const children = Array.isArray(this.props.children) ? this.props.children[0] : this.props.children;
-    const {
-      groupComponent
-    } = this.props;
-    const childProps = children && children.props || {};
-    const standardProps = childProps.groupComponent ? {
-      groupComponent,
-      standalone: false
-    } : {};
-    const newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.omit(this.props, ["children", "groupComponent"]));
-    const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(children, newProps);
-    return this.renderPortal(child);
-  }
-}
+  const children = Array.isArray(props.children) ? props.children[0] : props.children;
+  const {
+    groupComponent
+  } = props;
+  const childProps = children && children.props || {};
+  const standardProps = childProps.groupComponent ? {
+    groupComponent,
+    standalone: false
+  } : {};
+  const newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.omit(props, ["children", "groupComponent"]), {
+    key: childProps.key ?? id
+  });
+  const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(children, newProps);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    portalContext?.addChild(id, child);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.children]);
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    return () => portalContext?.removeChild(id);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return portalContext ? null : child;
+};
+VictoryPortal.role = "portal";
 
 /***/ }),
 
@@ -20106,53 +19873,56 @@ function shallowToJS(x, whitelist) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Axis": function() { return /* reexport module object */ _axis__WEBPACK_IMPORTED_MODULE_1__; },
-/* harmony export */   "Collection": function() { return /* reexport module object */ _collection__WEBPACK_IMPORTED_MODULE_2__; },
-/* harmony export */   "Data": function() { return /* reexport module object */ _data__WEBPACK_IMPORTED_MODULE_3__; },
-/* harmony export */   "DefaultTransitions": function() { return /* reexport module object */ _default_transitions__WEBPACK_IMPORTED_MODULE_4__; },
-/* harmony export */   "Domain": function() { return /* reexport module object */ _domain__WEBPACK_IMPORTED_MODULE_5__; },
-/* harmony export */   "Events": function() { return /* reexport module object */ _events__WEBPACK_IMPORTED_MODULE_6__; },
-/* harmony export */   "Helpers": function() { return /* reexport module object */ _helpers__WEBPACK_IMPORTED_MODULE_7__; },
-/* harmony export */   "Hooks": function() { return /* reexport module object */ _hooks__WEBPACK_IMPORTED_MODULE_8__; },
-/* harmony export */   "Immutable": function() { return /* reexport module object */ _immutable__WEBPACK_IMPORTED_MODULE_9__; },
-/* harmony export */   "LabelHelpers": function() { return /* reexport module object */ _label_helpers__WEBPACK_IMPORTED_MODULE_10__; },
-/* harmony export */   "LineHelpers": function() { return /* reexport module object */ _line_helpers__WEBPACK_IMPORTED_MODULE_11__; },
-/* harmony export */   "Log": function() { return /* reexport module object */ _log__WEBPACK_IMPORTED_MODULE_12__; },
-/* harmony export */   "PointPathHelpers": function() { return /* reexport module object */ _point_path_helpers__WEBPACK_IMPORTED_MODULE_13__; },
-/* harmony export */   "Scale": function() { return /* reexport module object */ _scale__WEBPACK_IMPORTED_MODULE_14__; },
-/* harmony export */   "Selection": function() { return /* reexport module object */ _selection__WEBPACK_IMPORTED_MODULE_15__; },
-/* harmony export */   "Style": function() { return /* reexport module object */ _style__WEBPACK_IMPORTED_MODULE_16__; },
-/* harmony export */   "TextSize": function() { return /* reexport module object */ _textsize__WEBPACK_IMPORTED_MODULE_17__; },
-/* harmony export */   "Timer": function() { return /* reexport safe */ _timer__WEBPACK_IMPORTED_MODULE_18__["default"]; },
-/* harmony export */   "TimerContext": function() { return /* reexport safe */ _timer_context__WEBPACK_IMPORTED_MODULE_19__["default"]; },
-/* harmony export */   "Transitions": function() { return /* reexport module object */ _transitions__WEBPACK_IMPORTED_MODULE_20__; },
-/* harmony export */   "UserProps": function() { return /* reexport module object */ _user_props__WEBPACK_IMPORTED_MODULE_21__; },
-/* harmony export */   "Wrapper": function() { return /* reexport module object */ _wrapper__WEBPACK_IMPORTED_MODULE_22__; },
-/* harmony export */   "addEvents": function() { return /* reexport safe */ _add_events__WEBPACK_IMPORTED_MODULE_0__.addEvents; }
+/* harmony export */   "Axis": function() { return /* reexport module object */ _axis__WEBPACK_IMPORTED_MODULE_2__; },
+/* harmony export */   "Collection": function() { return /* reexport module object */ _collection__WEBPACK_IMPORTED_MODULE_3__; },
+/* harmony export */   "Data": function() { return /* reexport module object */ _data__WEBPACK_IMPORTED_MODULE_4__; },
+/* harmony export */   "DefaultTransitions": function() { return /* reexport module object */ _default_transitions__WEBPACK_IMPORTED_MODULE_5__; },
+/* harmony export */   "Domain": function() { return /* reexport module object */ _domain__WEBPACK_IMPORTED_MODULE_6__; },
+/* harmony export */   "Events": function() { return /* reexport module object */ _events__WEBPACK_IMPORTED_MODULE_7__; },
+/* harmony export */   "Helpers": function() { return /* reexport module object */ _helpers__WEBPACK_IMPORTED_MODULE_8__; },
+/* harmony export */   "Hooks": function() { return /* reexport module object */ _hooks__WEBPACK_IMPORTED_MODULE_9__; },
+/* harmony export */   "Immutable": function() { return /* reexport module object */ _immutable__WEBPACK_IMPORTED_MODULE_10__; },
+/* harmony export */   "LabelHelpers": function() { return /* reexport module object */ _label_helpers__WEBPACK_IMPORTED_MODULE_11__; },
+/* harmony export */   "LineHelpers": function() { return /* reexport module object */ _line_helpers__WEBPACK_IMPORTED_MODULE_12__; },
+/* harmony export */   "Log": function() { return /* reexport module object */ _log__WEBPACK_IMPORTED_MODULE_13__; },
+/* harmony export */   "PointPathHelpers": function() { return /* reexport module object */ _point_path_helpers__WEBPACK_IMPORTED_MODULE_14__; },
+/* harmony export */   "Scale": function() { return /* reexport module object */ _scale__WEBPACK_IMPORTED_MODULE_15__; },
+/* harmony export */   "Selection": function() { return /* reexport module object */ _selection__WEBPACK_IMPORTED_MODULE_16__; },
+/* harmony export */   "Style": function() { return /* reexport module object */ _style__WEBPACK_IMPORTED_MODULE_17__; },
+/* harmony export */   "TextSize": function() { return /* reexport module object */ _textsize__WEBPACK_IMPORTED_MODULE_18__; },
+/* harmony export */   "Timer": function() { return /* reexport safe */ _timer__WEBPACK_IMPORTED_MODULE_19__["default"]; },
+/* harmony export */   "TimerContext": function() { return /* reexport safe */ _timer_context__WEBPACK_IMPORTED_MODULE_20__["default"]; },
+/* harmony export */   "Transitions": function() { return /* reexport module object */ _transitions__WEBPACK_IMPORTED_MODULE_21__; },
+/* harmony export */   "UserProps": function() { return /* reexport module object */ _user_props__WEBPACK_IMPORTED_MODULE_22__; },
+/* harmony export */   "Wrapper": function() { return /* reexport module object */ _wrapper__WEBPACK_IMPORTED_MODULE_23__; },
+/* harmony export */   "addEvents": function() { return /* reexport safe */ _add_events__WEBPACK_IMPORTED_MODULE_0__.addEvents; },
+/* harmony export */   "mergeRefs": function() { return /* reexport safe */ _merge_refs__WEBPACK_IMPORTED_MODULE_1__.mergeRefs; }
 /* harmony export */ });
 /* harmony import */ var _add_events__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-events */ "../../victory-core/es/victory-util/add-events.js");
-/* harmony import */ var _axis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./axis */ "../../victory-core/es/victory-util/axis.js");
-/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./collection */ "../../victory-core/es/victory-util/collection.js");
-/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./data */ "../../victory-core/es/victory-util/data.js");
-/* harmony import */ var _default_transitions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./default-transitions */ "../../victory-core/es/victory-util/default-transitions.js");
-/* harmony import */ var _domain__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./domain */ "../../victory-core/es/victory-util/domain.js");
-/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./events */ "../../victory-core/es/victory-util/events.js");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./hooks */ "../../victory-core/es/victory-util/hooks/index.js");
-/* harmony import */ var _immutable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./immutable */ "../../victory-core/es/victory-util/immutable.js");
-/* harmony import */ var _label_helpers__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./label-helpers */ "../../victory-core/es/victory-util/label-helpers.js");
-/* harmony import */ var _line_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./line-helpers */ "../../victory-core/es/victory-util/line-helpers.js");
-/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./log */ "../../victory-core/es/victory-util/log.js");
-/* harmony import */ var _point_path_helpers__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./point-path-helpers */ "../../victory-core/es/victory-util/point-path-helpers.js");
-/* harmony import */ var _scale__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./scale */ "../../victory-core/es/victory-util/scale.js");
-/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./selection */ "../../victory-core/es/victory-util/selection.js");
-/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./style */ "../../victory-core/es/victory-util/style.js");
-/* harmony import */ var _textsize__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./textsize */ "../../victory-core/es/victory-util/textsize.js");
-/* harmony import */ var _timer__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./timer */ "../../victory-core/es/victory-util/timer.js");
-/* harmony import */ var _timer_context__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./timer-context */ "../../victory-core/es/victory-util/timer-context.js");
-/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./transitions */ "../../victory-core/es/victory-util/transitions.js");
-/* harmony import */ var _user_props__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./user-props */ "../../victory-core/es/victory-util/user-props.js");
-/* harmony import */ var _wrapper__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./wrapper */ "../../victory-core/es/victory-util/wrapper.js");
+/* harmony import */ var _merge_refs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./merge-refs */ "../../victory-core/es/victory-util/merge-refs.js");
+/* harmony import */ var _axis__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./axis */ "../../victory-core/es/victory-util/axis.js");
+/* harmony import */ var _collection__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./collection */ "../../victory-core/es/victory-util/collection.js");
+/* harmony import */ var _data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./data */ "../../victory-core/es/victory-util/data.js");
+/* harmony import */ var _default_transitions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./default-transitions */ "../../victory-core/es/victory-util/default-transitions.js");
+/* harmony import */ var _domain__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./domain */ "../../victory-core/es/victory-util/domain.js");
+/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./events */ "../../victory-core/es/victory-util/events.js");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks */ "../../victory-core/es/victory-util/hooks/index.js");
+/* harmony import */ var _immutable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./immutable */ "../../victory-core/es/victory-util/immutable.js");
+/* harmony import */ var _label_helpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./label-helpers */ "../../victory-core/es/victory-util/label-helpers.js");
+/* harmony import */ var _line_helpers__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./line-helpers */ "../../victory-core/es/victory-util/line-helpers.js");
+/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./log */ "../../victory-core/es/victory-util/log.js");
+/* harmony import */ var _point_path_helpers__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./point-path-helpers */ "../../victory-core/es/victory-util/point-path-helpers.js");
+/* harmony import */ var _scale__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./scale */ "../../victory-core/es/victory-util/scale.js");
+/* harmony import */ var _selection__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./selection */ "../../victory-core/es/victory-util/selection.js");
+/* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./style */ "../../victory-core/es/victory-util/style.js");
+/* harmony import */ var _textsize__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./textsize */ "../../victory-core/es/victory-util/textsize.js");
+/* harmony import */ var _timer__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./timer */ "../../victory-core/es/victory-util/timer.js");
+/* harmony import */ var _timer_context__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./timer-context */ "../../victory-core/es/victory-util/timer-context.js");
+/* harmony import */ var _transitions__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./transitions */ "../../victory-core/es/victory-util/transitions.js");
+/* harmony import */ var _user_props__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./user-props */ "../../victory-core/es/victory-util/user-props.js");
+/* harmony import */ var _wrapper__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./wrapper */ "../../victory-core/es/victory-util/wrapper.js");
+
 
 
 
@@ -20545,6 +20315,44 @@ function warn(message) {
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-util/merge-refs.js":
+/*!********************************************************!*\
+  !*** ../../victory-core/es/victory-util/merge-refs.js ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "mergeRefs": function() { return /* binding */ mergeRefs; }
+/* harmony export */ });
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers */ "../../victory-core/es/victory-util/helpers.js");
+
+/**
+ * Used to merge multiple React refs into a single callback ref.
+ *
+ * @example
+ * ```tsx
+ * <div ref={mergeRefs([ref, forwardedRef])} />
+ * ```
+ */
+function mergeRefs(refs) {
+  return value => {
+    refs.forEach(ref => {
+      // If the ref is a function, it's a callback ref and we call it with the value.
+      if (_helpers__WEBPACK_IMPORTED_MODULE_0__.isFunction(ref)) {
+        ref(value);
+      } else if (ref !== null && ref !== undefined) {
+        // If the ref is an object (not null and not undefined), it's an object ref.
+        // We assign the value to its 'current' property.
+        ref.current = value;
+      }
+    });
+  };
+}
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-util/point-path-helpers.js":
 /*!****************************************************************!*\
   !*** ../../victory-core/es/victory-util/point-path-helpers.js ***!
@@ -22391,28 +22199,25 @@ function getCategories(props, childComponents, allStrings) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "combineContainerMixins": function() { return /* binding */ combineContainerMixins; },
 /* harmony export */   "createContainer": function() { return /* binding */ createContainer; },
 /* harmony export */   "makeCreateContainerFunction": function() { return /* binding */ makeCreateContainerFunction; }
 /* harmony export */ });
-/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isEmpty */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isEmpty.js");
-/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_flow__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/flow */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/flow.js");
-/* harmony import */ var lodash_flow__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_flow__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_forOwn__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/forOwn */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/forOwn.js");
-/* harmony import */ var lodash_forOwn__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_forOwn__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/groupBy */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/groupBy.js");
-/* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_groupBy__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var lodash_toPairs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash/toPairs */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toPairs.js");
-/* harmony import */ var lodash_toPairs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash_toPairs__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/log.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_voronoi_container__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-voronoi-container */ "../../victory-voronoi-container/es/victory-voronoi-container.js");
-/* harmony import */ var victory_zoom_container__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-zoom-container */ "../../victory-zoom-container/es/victory-zoom-container.js");
-/* harmony import */ var victory_selection_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! victory-selection-container */ "../../victory-selection-container/es/victory-selection-container.js");
-/* harmony import */ var victory_brush_container__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! victory-brush-container */ "../../victory-brush-container/es/victory-brush-container.js");
-/* harmony import */ var victory_cursor_container__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-cursor-container */ "../../victory-cursor-container/es/victory-cursor-container.js");
+/* harmony import */ var lodash_toPairs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/toPairs */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/toPairs.js");
+/* harmony import */ var lodash_toPairs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_toPairs__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isEmpty */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isEmpty.js");
+/* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash/groupBy */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/groupBy.js");
+/* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_groupBy__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var lodash_forOwn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash/forOwn */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/forOwn.js");
+/* harmony import */ var lodash_forOwn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_forOwn__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var victory_zoom_container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-zoom-container */ "../../victory-zoom-container/es/victory-zoom-container.js");
+/* harmony import */ var victory_selection_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-selection-container */ "../../victory-selection-container/es/victory-selection-container.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
+/* harmony import */ var victory_voronoi_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! victory-voronoi-container */ "../../victory-voronoi-container/es/victory-voronoi-container.js");
+/* harmony import */ var victory_cursor_container__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-cursor-container */ "../../victory-cursor-container/es/victory-cursor-container.js");
+/* harmony import */ var victory_brush_container__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-brush-container */ "../../victory-brush-container/es/victory-brush-container.js");
 
 
 
@@ -22436,7 +22241,7 @@ const combineEventHandlers = eventHandlersArray => {
   // takes an array of event handler objects and produces one eventHandlers object
   // creates a custom combinedHandler() for events with multiple conflicting handlers
   return eventHandlersArray.reduce((localHandlers, finalHandlers) => {
-    lodash_forOwn__WEBPACK_IMPORTED_MODULE_2___default()(localHandlers, (localHandler, eventName) => {
+    lodash_forOwn__WEBPACK_IMPORTED_MODULE_3___default()(localHandlers, (localHandler, eventName) => {
       const existingHandler = finalHandlers[eventName];
       if (existingHandler) {
         // create new handler for event that concats the existing handler's mutations with new ones
@@ -22457,11 +22262,11 @@ const combineEventHandlers = eventHandlersArray => {
 const combineDefaultEvents = defaultEvents => {
   // takes a defaultEvents array and returns one equal or lesser length,
   // by combining any events that have the same target
-  const eventsByTarget = lodash_groupBy__WEBPACK_IMPORTED_MODULE_3___default()(defaultEvents, "target");
-  const events = lodash_toPairs__WEBPACK_IMPORTED_MODULE_4___default()(eventsByTarget).map(_ref => {
+  const eventsByTarget = lodash_groupBy__WEBPACK_IMPORTED_MODULE_2___default()(defaultEvents, "target");
+  const events = lodash_toPairs__WEBPACK_IMPORTED_MODULE_0___default()(eventsByTarget).map(_ref => {
     let [target, eventsArray] = _ref;
     const newEventsArray = eventsArray.filter(Boolean);
-    return lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0___default()(newEventsArray) ? null : {
+    return lodash_isEmpty__WEBPACK_IMPORTED_MODULE_1___default()(newEventsArray) ? null : {
       target,
       eventHandlers: combineEventHandlers(eventsArray.map(event => event.eventHandlers))
       // note: does not currently handle eventKey or childName
@@ -22469,68 +22274,58 @@ const combineDefaultEvents = defaultEvents => {
   });
   return events.filter(Boolean);
 };
-const combineContainerMixins = (mixins, Container) => {
-  // similar to Object.assign(A, B), this function will decide conflicts in favor mixinB.
-  // this applies to propTypes and defaultProps.
-  // getChildren will call A's getChildren() and pass the resulting children to B's.
-  // defaultEvents attempts to resolve any conflicts between A and B's defaultEvents.
-  const Classes = mixins.map(mixin => mixin(Container));
-  const instances = Classes.map(Class => new Class());
-  const NaiveCombinedContainer = lodash_flow__WEBPACK_IMPORTED_MODULE_1___default()(mixins)(Container);
-  const displayType = Classes.map(Class => {
-    const match = Class.displayName.match(/Victory(.*)Container/);
-    return match[1] || "";
-  }).join("");
-  return class VictoryCombinedContainer extends NaiveCombinedContainer {
-    static displayName = `Victory${displayType}Container`;
-    static propTypes = Classes.reduce((propTypes, Class) => ({
-      ...propTypes,
-      ...Class.propTypes
-    }), {});
-    static defaultProps = Classes.reduce((defaultProps, Class) => ({
-      ...defaultProps,
-      ...Class.defaultProps
-    }), {});
-    static defaultEvents(props) {
-      return combineDefaultEvents(Classes.reduce((defaultEvents, Class) => {
-        const events = victory_core__WEBPACK_IMPORTED_MODULE_5__.isFunction(Class.defaultEvents) ? Class.defaultEvents(props) : Class.defaultEvents;
-        return [...defaultEvents, ...events];
-      }, []));
-    }
-    getChildren(props) {
-      return instances.reduce((children, instance) => instance.getChildren({
-        ...props,
-        children
-      }), props.children);
-    }
-  };
-};
-const checkBehaviorName = (behavior, behaviors) => {
-  if (behavior && !behaviors.includes(behavior)) {
-    victory_core__WEBPACK_IMPORTED_MODULE_6__.warn(`"${behavior}" is not a valid behavior. Choose from [${behaviors.join(", ")}].`);
-  }
-};
-const makeCreateContainerFunction = (mixinMap, Container) => function (behaviorA, behaviorB) {
-  const behaviors = Object.keys(mixinMap);
-  checkBehaviorName(behaviorA, behaviors);
-  checkBehaviorName(behaviorB, behaviors);
-  if (arguments.length <= 2 ? 0 : arguments.length - 2) {
-    victory_core__WEBPACK_IMPORTED_MODULE_6__.warn("too many arguments given to createContainer (maximum accepted: 2).");
-  }
-  const firstMixins = mixinMap[behaviorA];
-  const secondMixins = mixinMap[behaviorB] || [];
-  if (!firstMixins) {
-    return Container;
-  }
-  return combineContainerMixins([...firstMixins, ...secondMixins], Container);
-};
-const createContainer = makeCreateContainerFunction({
-  zoom: [victory_zoom_container__WEBPACK_IMPORTED_MODULE_7__.zoomContainerMixin],
-  voronoi: [victory_voronoi_container__WEBPACK_IMPORTED_MODULE_8__.voronoiContainerMixin],
-  selection: [victory_selection_container__WEBPACK_IMPORTED_MODULE_9__.selectionContainerMixin],
-  cursor: [victory_cursor_container__WEBPACK_IMPORTED_MODULE_10__.cursorContainerMixin],
-  brush: [victory_brush_container__WEBPACK_IMPORTED_MODULE_11__.brushContainerMixin]
-}, victory_core__WEBPACK_IMPORTED_MODULE_12__.VictoryContainer);
+/**
+ * Container hooks are used to provide the container logic to the container components through props and a modified children object
+ * - These hooks contain shared logic for both web and Victory Native containers.
+ * - In this utility, we call multiple of these hooks with the props returned by the previous to combine the container logic.
+ */
+const CONTAINER_HOOKS = {
+  zoom: victory_zoom_container__WEBPACK_IMPORTED_MODULE_5__.useVictoryZoomContainer,
+  selection: victory_selection_container__WEBPACK_IMPORTED_MODULE_6__.useVictorySelectionContainer,
+  brush: victory_brush_container__WEBPACK_IMPORTED_MODULE_7__.useVictoryBrushContainer,
+  cursor: victory_cursor_container__WEBPACK_IMPORTED_MODULE_8__.useVictoryCursorContainer,
+  voronoi: victory_voronoi_container__WEBPACK_IMPORTED_MODULE_9__.useVictoryVoronoiContainer
+};
+
+/**
+ * Container hooks are wrappers that return a VictoryContainer with the props provided by their respective hooks, and the modified children.
+ * - These containers are specific to the web. Victory Native has its own container components.
+ * - For this utility, we only need the container components to extract the defaultEvents.
+ */
+const CONTAINER_COMPONENTS_WEB = {
+  zoom: victory_zoom_container__WEBPACK_IMPORTED_MODULE_5__.VictoryZoomContainer,
+  selection: victory_selection_container__WEBPACK_IMPORTED_MODULE_6__.VictorySelectionContainer,
+  brush: victory_brush_container__WEBPACK_IMPORTED_MODULE_7__.VictoryBrushContainer,
+  cursor: victory_cursor_container__WEBPACK_IMPORTED_MODULE_8__.VictoryCursorContainer,
+  voronoi: victory_voronoi_container__WEBPACK_IMPORTED_MODULE_9__.VictoryVoronoiContainer
+};
+function makeCreateContainerFunction(containerComponents, VictoryContainerBase) {
+  return function combineContainers(containerA, containerB) {
+    const ContainerA = containerComponents[containerA];
+    const ContainerB = containerComponents[containerB];
+    const useContainerA = CONTAINER_HOOKS[containerA];
+    const useContainerB = CONTAINER_HOOKS[containerB];
+    const CombinedContainer = props => {
+      const {
+        children: childrenA,
+        props: propsA
+      } = useContainerA(props);
+      const {
+        children: combinedChildren,
+        props: combinedProps
+      } = useContainerB({
+        ...propsA,
+        children: childrenA
+      });
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(VictoryContainerBase, combinedProps, combinedChildren);
+    };
+    CombinedContainer.displayName = `Victory${containerA}${containerB}Container`;
+    CombinedContainer.role = "container";
+    CombinedContainer.defaultEvents = props => combineDefaultEvents([...ContainerA.defaultEvents(props), ...ContainerB.defaultEvents(props)]);
+    return CombinedContainer;
+  };
+}
+const createContainer = makeCreateContainerFunction(CONTAINER_COMPONENTS_WEB, victory_core__WEBPACK_IMPORTED_MODULE_10__.VictoryContainer);
 
 /***/ }),
 
@@ -22543,7 +22338,6 @@ const createContainer = makeCreateContainerFunction({
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "combineContainerMixins": function() { return /* reexport safe */ _create_container__WEBPACK_IMPORTED_MODULE_0__.combineContainerMixins; },
 /* harmony export */   "createContainer": function() { return /* reexport safe */ _create_container__WEBPACK_IMPORTED_MODULE_0__.createContainer; },
 /* harmony export */   "makeCreateContainerFunction": function() { return /* reexport safe */ _create_container__WEBPACK_IMPORTED_MODULE_0__.makeCreateContainerFunction; }
 /* harmony export */ });
@@ -22681,8 +22475,9 @@ const CursorHelpers = new CursorHelpersClass();
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "CursorHelpers": function() { return /* reexport safe */ _cursor_helpers__WEBPACK_IMPORTED_MODULE_0__.CursorHelpers; },
+/* harmony export */   "VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryCursorContainer": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.VictoryCursorContainer; },
-/* harmony export */   "cursorContainerMixin": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.cursorContainerMixin; }
+/* harmony export */   "useVictoryCursorContainer": function() { return /* reexport safe */ _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__.useVictoryCursorContainer; }
 /* harmony export */ });
 /* harmony import */ var _cursor_helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./cursor-helpers */ "../../victory-cursor-container/es/cursor-helpers.js");
 /* harmony import */ var _victory_cursor_container__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./victory-cursor-container */ "../../victory-cursor-container/es/victory-cursor-container.js");
@@ -22700,8 +22495,9 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS": function() { return /* binding */ VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryCursorContainer": function() { return /* binding */ VictoryCursorContainer; },
-/* harmony export */   "cursorContainerMixin": function() { return /* binding */ cursorContainerMixin; }
+/* harmony export */   "useVictoryCursorContainer": function() { return /* binding */ useVictoryCursorContainer; }
 /* harmony export */ });
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js");
 /* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
@@ -22709,164 +22505,179 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
 /* harmony import */ var _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./cursor-helpers */ "../../victory-cursor-container/es/cursor-helpers.js");
 
 
+/* eslint-disable complexity */
 
 
 
-function cursorContainerMixin(Base) {
-  // @ts-expect-error "TS2545: A mixin class must have a constructor with a single rest parameter of type 'any[]'."
-  return class VictoryCursorContainer extends Base {
-    static displayName = "VictoryCursorContainer";
-    static defaultProps = {
-      ...victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer.defaultProps,
-      cursorLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.VictoryLabel, null),
-      cursorLabelOffset: {
-        x: 5,
-        y: -10
-      },
-      cursorComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.LineSegment, null)
-    };
-    static defaultEvents(props) {
-      return [{
-        target: "parent",
-        eventHandlers: {
-          onMouseLeave: (evt, targetProps) => {
-            return props.disable ? {} : _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseLeave(evt, targetProps);
-          },
-          onTouchCancel: () => {
-            return [];
-          },
-          onMouseMove: (evt, targetProps) => {
-            return props.disable ? {} : _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove(evt, targetProps);
-          },
-          onTouchMove: (evt, targetProps) => {
-            return props.disable ? {} : _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove(evt, targetProps);
-          }
-        }
-      }];
+const VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS = {
+  cursorLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryLabel, null),
+  cursorLabelOffset: {
+    x: 5,
+    y: -10
+  },
+  cursorComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.LineSegment, null)
+};
+const useVictoryCursorContainer = initialProps => {
+  const props = {
+    ...VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const {
+    children
+  } = props;
+  const getCursorPosition = () => {
+    const {
+      cursorValue,
+      defaultCursorValue,
+      domain,
+      cursorDimension
+    } = props;
+    if (cursorValue) {
+      return cursorValue;
     }
-    getCursorPosition(props) {
-      const {
-        cursorValue,
-        defaultCursorValue,
-        domain,
-        cursorDimension
-      } = props;
-      if (cursorValue) {
-        return cursorValue;
-      }
-      if (typeof defaultCursorValue === "number") {
-        return {
-          x: (domain.x[0] + domain.x[1]) / 2,
-          y: (domain.y[0] + domain.y[1]) / 2,
+    if (typeof defaultCursorValue === "number") {
+      return {
+        x: (domain.x[0] + domain.x[1]) / 2,
+        y: (domain.y[0] + domain.y[1]) / 2,
+        ...(cursorDimension ? {
           [cursorDimension]: defaultCursorValue
-        };
-      }
-      return defaultCursorValue;
+        } : {})
+      };
     }
-    getCursorLabelOffset(props) {
-      const {
-        cursorLabelOffset
-      } = props;
-      if (typeof cursorLabelOffset === "number") {
-        return {
-          x: cursorLabelOffset,
-          y: cursorLabelOffset
-        };
-      }
-      return cursorLabelOffset;
+    return defaultCursorValue;
+  };
+  const getCursorLabelOffset = () => {
+    const {
+      cursorLabelOffset
+    } = props;
+    if (typeof cursorLabelOffset === "number") {
+      return {
+        x: cursorLabelOffset,
+        y: cursorLabelOffset
+      };
     }
-    getPadding(props) {
-      if (props.padding === undefined) {
-        const child = props.children.find(c => {
-          return lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(c.props) && c.props.padding !== undefined;
-        });
-        return victory_core__WEBPACK_IMPORTED_MODULE_7__.getPadding(child.props);
-      }
-      return victory_core__WEBPACK_IMPORTED_MODULE_7__.getPadding(props);
+    return cursorLabelOffset;
+  };
+  const getPadding = () => {
+    if (props.padding === undefined) {
+      const child = Array.isArray(props.children) ? props.children.find(c => {
+        return lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(c.props) && c.props.padding !== undefined;
+      }) : props.children;
+      return victory_core__WEBPACK_IMPORTED_MODULE_5__.getPadding(child?.props);
     }
-    getCursorElements(props) {
-      // eslint-disable-line max-statements
-      const {
-        scale,
-        cursorLabelComponent,
-        cursorLabel,
-        cursorComponent,
-        width,
-        height,
-        name,
-        horizontal,
-        theme
-      } = props;
-      const cursorDimension = _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.getDimension(props);
-      const cursorValue = this.getCursorPosition(props);
-      const cursorLabelOffset = this.getCursorLabelOffset(props);
-      if (!cursorValue) {
-        return [];
-      }
-      const newElements = [];
-      const padding = this.getPadding(props);
-      const cursorCoordinates = {
-        x: horizontal ? scale.y(cursorValue.y) : scale.x(cursorValue.x),
-        y: horizontal ? scale.x(cursorValue.x) : scale.y(cursorValue.y)
-      };
-      if (cursorLabel) {
-        let labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
-          active: true
-        }, cursorLabelComponent.props, {
-          x: cursorCoordinates.x + cursorLabelOffset.x,
-          y: cursorCoordinates.y + cursorLabelOffset.y,
-          datum: cursorValue,
-          active: true,
-          key: `${name}-cursor-label`
-        });
-        if (victory_core__WEBPACK_IMPORTED_MODULE_7__.isTooltip(cursorLabelComponent)) {
-          const tooltipTheme = theme && theme.tooltip || {};
-          labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, tooltipTheme);
-        }
-        newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorLabelComponent, lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, {
-          text: victory_core__WEBPACK_IMPORTED_MODULE_7__.evaluateProp(cursorLabel, labelProps)
-        })));
-      }
-      const cursorStyle = Object.assign({
-        stroke: "black"
-      }, cursorComponent.props.style);
-      if (cursorDimension === "x" || cursorDimension === undefined) {
-        newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
-          key: `${name}-x-cursor`,
-          x1: cursorCoordinates.x,
-          x2: cursorCoordinates.x,
-          y1: padding.top,
-          y2: height - padding.bottom,
-          style: cursorStyle
-        }));
-      }
-      if (cursorDimension === "y" || cursorDimension === undefined) {
-        newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
-          key: `${name}-y-cursor`,
-          x1: padding.left,
-          x2: width - padding.right,
-          y1: cursorCoordinates.y,
-          y2: cursorCoordinates.y,
-          style: cursorStyle
-        }));
-      }
-      return newElements;
+    return victory_core__WEBPACK_IMPORTED_MODULE_5__.getPadding(props);
+  };
+  const getCursorElements = () => {
+    // eslint-disable-line max-statements
+    const {
+      scale,
+      cursorLabelComponent,
+      cursorLabel,
+      cursorComponent,
+      width,
+      height,
+      name,
+      horizontal,
+      theme
+    } = props;
+    const cursorDimension = _cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.getDimension(props);
+    const cursorValue = getCursorPosition();
+    const cursorLabelOffset = getCursorLabelOffset();
+    if (!cursorValue) {
+      return [];
     }
-
-    // Overrides method in VictoryContainer
-    getChildren(props) {
-      return [...react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(props.children), ...this.getCursorElements(props)];
+    const newElements = [];
+    const padding = getPadding();
+    const cursorCoordinates = scale && "x" in scale && "y" in scale && typeof scale.y === "function" && typeof scale.x === "function" ? {
+      x: horizontal ? scale.y(cursorValue.y) : scale.x(cursorValue.x),
+      y: horizontal ? scale.x(cursorValue.x) : scale.y(cursorValue.y)
+    } : {
+      x: cursorValue.x,
+      y: cursorValue.y
+    };
+    if (cursorLabel) {
+      let labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
+        active: true
+      }, cursorLabelComponent.props, {
+        x: cursorCoordinates.x + cursorLabelOffset.x,
+        y: cursorCoordinates.y + cursorLabelOffset.y,
+        datum: cursorValue,
+        active: true,
+        key: `${name}-cursor-label`
+      });
+      if (victory_core__WEBPACK_IMPORTED_MODULE_5__.isTooltip(cursorLabelComponent)) {
+        const tooltipTheme = theme && theme.tooltip || {};
+        labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, tooltipTheme);
+      }
+      newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorLabelComponent, lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps, {
+        text: victory_core__WEBPACK_IMPORTED_MODULE_5__.evaluateProp(cursorLabel, labelProps)
+      })));
     }
+    const cursorStyle = Object.assign({
+      stroke: "black"
+    }, cursorComponent.props.style);
+    if (cursorDimension === "x" || cursorDimension === undefined) {
+      newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
+        key: `${name}-x-cursor`,
+        x1: cursorCoordinates.x,
+        x2: cursorCoordinates.x,
+        y1: padding.top,
+        y2: (typeof height === "number" ? height : 0) - padding.bottom,
+        style: cursorStyle
+      }));
+    }
+    if (cursorDimension === "y" || cursorDimension === undefined) {
+      newElements.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(cursorComponent, {
+        key: `${name}-y-cursor`,
+        x1: padding.left,
+        x2: (typeof width === "number" ? width : 0) - padding.right,
+        y1: cursorCoordinates.y,
+        y2: cursorCoordinates.y,
+        style: cursorStyle
+      }));
+    }
+    return newElements;
   };
-}
-const VictoryCursorContainer = cursorContainerMixin(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer);
+  return {
+    props,
+    children: [...react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(children), ...getCursorElements()]
+  };
+};
+const VictoryCursorContainer = initialProps => {
+  const {
+    props,
+    children
+  } = useVictoryCursorContainer(initialProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryContainer, props, children);
+};
+VictoryCursorContainer.role = "container";
+VictoryCursorContainer.defaultEvents = initialProps => {
+  const props = {
+    ...VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const createEventHandler = (handler, disabled) =>
+  // eslint-disable-next-line max-params
+  (event, targetProps, eventKey, context) => disabled || props.disable ? {} : handler(event, {
+    ...props,
+    ...targetProps
+  }, eventKey, context);
+  return [{
+    target: "parent",
+    eventHandlers: {
+      onMouseLeave: createEventHandler(_cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseLeave),
+      onMouseMove: createEventHandler(_cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove),
+      onTouchMove: createEventHandler(_cursor_helpers__WEBPACK_IMPORTED_MODULE_6__.CursorHelpers.onMouseMove)
+    }
+  }];
+};
 
 /***/ }),
 
@@ -26618,8 +26429,9 @@ const VictoryScatter = (0,victory_core__WEBPACK_IMPORTED_MODULE_11__.addEvents)(
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "SelectionHelpers": function() { return /* reexport safe */ _selection_helpers__WEBPACK_IMPORTED_MODULE_1__.SelectionHelpers; },
+/* harmony export */   "VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ _victory_selection_container__WEBPACK_IMPORTED_MODULE_0__.VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictorySelectionContainer": function() { return /* reexport safe */ _victory_selection_container__WEBPACK_IMPORTED_MODULE_0__.VictorySelectionContainer; },
-/* harmony export */   "selectionContainerMixin": function() { return /* reexport safe */ _victory_selection_container__WEBPACK_IMPORTED_MODULE_0__.selectionContainerMixin; }
+/* harmony export */   "useVictorySelectionContainer": function() { return /* reexport safe */ _victory_selection_container__WEBPACK_IMPORTED_MODULE_0__.useVictorySelectionContainer; }
 /* harmony export */ });
 /* harmony import */ var _victory_selection_container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-selection-container */ "../../victory-selection-container/es/victory-selection-container.js");
 /* harmony import */ var _selection_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./selection-helpers */ "../../victory-selection-container/es/selection-helpers.js");
@@ -26880,88 +26692,91 @@ const SelectionHelpers = new SelectionHelpersClass();
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS": function() { return /* binding */ VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictorySelectionContainer": function() { return /* binding */ VictorySelectionContainer; },
-/* harmony export */   "selectionContainerMixin": function() { return /* binding */ selectionContainerMixin; }
+/* harmony export */   "useVictorySelectionContainer": function() { return /* binding */ useVictorySelectionContainer; }
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/rect.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/rect.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
 /* harmony import */ var _selection_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./selection-helpers */ "../../victory-selection-container/es/selection-helpers.js");
 
 
 
-function selectionContainerMixin(Base) {
-  // @ts-expect-error "TS2545: A mixin class must have a constructor with a single rest parameter of type 'any[]'."
-  return class VictorySelectionContainer extends Base {
-    static displayName = "VictorySelectionContainer";
-    static defaultProps = {
-      ...victory_core__WEBPACK_IMPORTED_MODULE_1__.VictoryContainer.defaultProps,
-      activateSelectedData: true,
-      allowSelection: true,
-      selectionComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_2__.Rect, null),
-      selectionStyle: {
-        stroke: "transparent",
-        fill: "black",
-        fillOpacity: 0.1
-      }
-    };
-    static defaultEvents(props) {
-      return [{
-        target: "parent",
-        eventHandlers: {
-          onMouseDown: (evt, targetProps) => {
-            return props.disable ? {} : _selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseDown(evt, targetProps);
-          },
-          onTouchStart: (evt, targetProps) => {
-            return props.disable ? {} : _selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseDown(evt, targetProps);
-          },
-          onMouseMove: (evt, targetProps) => {
-            return props.disable ? {} : _selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseMove(evt, targetProps);
-          },
-          onTouchMove: (evt, targetProps) => {
-            return props.disable ? {} : _selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseMove(evt, targetProps);
-          },
-          onMouseUp: (evt, targetProps) => {
-            return props.disable ? {} : _selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseUp(evt, targetProps);
-          },
-          onTouchEnd: (evt, targetProps) => {
-            return props.disable ? {} : _selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseUp(evt, targetProps);
-          }
-        }
-      }];
-    }
-    getRect(props) {
-      const {
-        x1,
-        x2,
-        y1,
-        y2,
-        selectionStyle,
-        selectionComponent,
-        name
-      } = props;
-      const width = Math.abs(x2 - x1) || 1;
-      const height = Math.abs(y2 - y1) || 1;
-      const x = Math.min(x1, x2);
-      const y = Math.min(y1, y2);
-      return y2 && x2 && x1 && y1 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(selectionComponent, {
-        key: `${name}-selection`,
-        x,
-        y,
-        width,
-        height,
-        style: selectionStyle
-      }) : null;
-    }
-
-    // Overrides method in VictoryContainer
-    getChildren(props) {
-      return [...react__WEBPACK_IMPORTED_MODULE_0___default().Children.toArray(props.children), this.getRect(props)];
-    }
+const VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS = {
+  activateSelectedData: true,
+  allowSelection: true,
+  selectionComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_1__.Rect, null),
+  selectionStyle: {
+    stroke: "transparent",
+    fill: "black",
+    fillOpacity: 0.1
+  }
+};
+const useVictorySelectionContainer = initialProps => {
+  const props = {
+    ...VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
   };
-}
-const VictorySelectionContainer = selectionContainerMixin(victory_core__WEBPACK_IMPORTED_MODULE_1__.VictoryContainer);
+  const {
+    x1,
+    x2,
+    y1,
+    y2,
+    selectionStyle,
+    selectionComponent,
+    children,
+    name
+  } = props;
+  const width = Math.abs(x2 - x1) || 1;
+  const height = Math.abs(y2 - y1) || 1;
+  const x = Math.min(x1, x2);
+  const y = Math.min(y1, y2);
+  const shouldRenderRect = y1 && y2 && x1 && x2;
+  return {
+    props,
+    children: [children, shouldRenderRect && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(selectionComponent, {
+      key: `${name}-selection`,
+      x,
+      y,
+      width,
+      height,
+      style: selectionStyle
+    })]
+  };
+};
+const VictorySelectionContainer = initialProps => {
+  const {
+    props,
+    children
+  } = useVictorySelectionContainer(initialProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_2__.VictoryContainer, props, children);
+};
+VictorySelectionContainer.role = "container";
+VictorySelectionContainer.defaultEvents = initialProps => {
+  const props = {
+    ...VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const createEventHandler = (handler, disabled) =>
+  // eslint-disable-next-line max-params
+  (event, targetProps, eventKey, context) => disabled || props.disable ? {} : handler(event, {
+    ...props,
+    ...targetProps
+  }, eventKey, context);
+  return [{
+    target: "parent",
+    eventHandlers: {
+      onMouseDown: createEventHandler(_selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseDown),
+      onTouchStart: createEventHandler(_selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseDown),
+      onMouseMove: createEventHandler(_selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseMove),
+      onTouchMove: createEventHandler(_selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseMove),
+      onMouseUp: createEventHandler(_selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseUp),
+      onTouchEnd: createEventHandler(_selection_helpers__WEBPACK_IMPORTED_MODULE_3__.SelectionHelpers.onMouseUp)
+    }
+  }];
+};
 
 /***/ }),
 
@@ -27324,9 +27139,9 @@ function addLayoutData(props, datasets, index) {
 
 function stackData(props, childComponents) {
   const dataFromChildren = victory_core__WEBPACK_IMPORTED_MODULE_3__.getDataFromChildren(props, childComponents);
-  const filterNullChildData = dataFromChildren.map(dataset => dataset.filter(datum => datum._x !== null && datum._y !== null));
-  const datasets = fillData(props, filterNullChildData);
-  return datasets.map((d, i) => addLayoutData(props, datasets, i));
+  const filledDatasets = fillData(props, dataFromChildren);
+  const filteredNullChild = filledDatasets.map(dataset => dataset.filter(datum => datum._x !== null && datum._y !== null));
+  return filteredNullChild.map((d, i) => addLayoutData(props, filledDatasets, i));
 }
 function getCalculatedProps(initialProps, childComponents) {
   const children = childComponents || react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(initialProps.children);
@@ -28318,7 +28133,7 @@ class VictoryTooltip extends (react__WEBPACK_IMPORTED_MODULE_4___default().Compo
       renderInPortal
     } = props;
     if (!active) {
-      return renderInPortal ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_11__.VictoryPortal, null) : null;
+      return null;
     }
     const evaluatedProps = this.getEvaluatedProps(props);
     const {
@@ -28710,9 +28525,10 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ _victory_voronoi_container__WEBPACK_IMPORTED_MODULE_0__.VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryVoronoiContainer": function() { return /* reexport safe */ _victory_voronoi_container__WEBPACK_IMPORTED_MODULE_0__.VictoryVoronoiContainer; },
 /* harmony export */   "VoronoiHelpers": function() { return /* reexport safe */ _voronoi_helpers__WEBPACK_IMPORTED_MODULE_1__.VoronoiHelpers; },
-/* harmony export */   "voronoiContainerMixin": function() { return /* reexport safe */ _victory_voronoi_container__WEBPACK_IMPORTED_MODULE_0__.voronoiContainerMixin; }
+/* harmony export */   "useVictoryVoronoiContainer": function() { return /* reexport safe */ _victory_voronoi_container__WEBPACK_IMPORTED_MODULE_0__.useVictoryVoronoiContainer; }
 /* harmony export */ });
 /* harmony import */ var _victory_voronoi_container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-voronoi-container */ "../../victory-voronoi-container/es/victory-voronoi-container.js");
 /* harmony import */ var _voronoi_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./voronoi-helpers */ "../../victory-voronoi-container/es/voronoi-helpers.js");
@@ -28730,8 +28546,9 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS": function() { return /* binding */ VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryVoronoiContainer": function() { return /* binding */ VictoryVoronoiContainer; },
-/* harmony export */   "voronoiContainerMixin": function() { return /* binding */ voronoiContainerMixin; }
+/* harmony export */   "useVictoryVoronoiContainer": function() { return /* binding */ useVictoryVoronoiContainer; }
 /* harmony export */ });
 /* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/pick */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/pick.js");
 /* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_0__);
@@ -28739,10 +28556,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var victory_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-tooltip */ "../../victory-tooltip/es/victory-tooltip.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _voronoi_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./voronoi-helpers */ "../../victory-voronoi-container/es/voronoi-helpers.js");
+/* harmony import */ var victory_tooltip__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-tooltip */ "../../victory-tooltip/es/victory-tooltip.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
+/* harmony import */ var _voronoi_helpers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./voronoi-helpers */ "../../victory-voronoi-container/es/voronoi-helpers.js");
 
 
 /* eslint-disable react/no-multi-comp */
@@ -28750,204 +28567,214 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function voronoiContainerMixin(Base) {
-  // @ts-expect-error "TS2545: A mixin class must have a constructor with a single rest parameter of type 'any[]'."
-  return class VictoryVoronoiContainer extends Base {
-    static displayName = "VictoryVoronoiContainer";
-    static defaultProps = {
-      ...victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer.defaultProps,
-      activateData: true,
-      activateLabels: true,
-      labelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_tooltip__WEBPACK_IMPORTED_MODULE_4__.VictoryTooltip, null),
-      voronoiPadding: 5
-    };
-    static defaultEvents(props) {
-      return [{
-        target: "parent",
-        eventHandlers: {
-          onMouseLeave: (evt, targetProps) => {
-            return props.disable ? {} : _voronoi_helpers__WEBPACK_IMPORTED_MODULE_5__.VoronoiHelpers.onMouseLeave(evt, targetProps);
-          },
-          onTouchCancel: (evt, targetProps) => {
-            return props.disable ? {} : _voronoi_helpers__WEBPACK_IMPORTED_MODULE_5__.VoronoiHelpers.onMouseLeave(evt, targetProps);
-          },
-          onMouseMove: (evt, targetProps) => {
-            return props.disable ? {} : _voronoi_helpers__WEBPACK_IMPORTED_MODULE_5__.VoronoiHelpers.onMouseMove(evt, targetProps);
-          },
-          onTouchMove: (evt, targetProps) => {
-            return props.disable ? {} : _voronoi_helpers__WEBPACK_IMPORTED_MODULE_5__.VoronoiHelpers.onMouseMove(evt, targetProps);
-          }
-        }
-      }, {
-        target: "data",
-        eventHandlers: props.disable ? {} : {
-          onMouseOver: () => null,
-          onMouseOut: () => null,
-          onMouseMove: () => null
-        }
-      }];
-    }
-    getDimension(props) {
-      const {
-        horizontal,
-        voronoiDimension
-      } = props;
-      if (!horizontal || !voronoiDimension) {
-        return voronoiDimension;
-      }
-      return voronoiDimension === "x" ? "y" : "x";
-    }
-    getPoint(point) {
-      const whitelist = ["_x", "_x1", "_x0", "_y", "_y1", "_y0"];
-      return lodash_pick__WEBPACK_IMPORTED_MODULE_0___default()(point, whitelist);
+const VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS = {
+  activateData: true,
+  activateLabels: true,
+  labelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_tooltip__WEBPACK_IMPORTED_MODULE_3__.VictoryTooltip, null),
+  voronoiPadding: 5
+};
+const getPoint = point => {
+  const whitelist = ["_x", "_x1", "_x0", "_y", "_y1", "_y0"];
+  return lodash_pick__WEBPACK_IMPORTED_MODULE_0___default()(point, whitelist);
+};
+const useVictoryVoronoiContainer = initialProps => {
+  const props = {
+    ...VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const {
+    children
+  } = props;
+  const getDimension = () => {
+    const {
+      horizontal,
+      voronoiDimension
+    } = props;
+    if (!horizontal || !voronoiDimension) {
+      return voronoiDimension;
     }
-    getLabelPosition(props, labelProps, points) {
-      const {
-        mousePosition,
-        mouseFollowTooltips
-      } = props;
-      const voronoiDimension = this.getDimension(props);
-      const point = this.getPoint(points[0]);
-      const basePosition = victory_core__WEBPACK_IMPORTED_MODULE_6__.scalePoint(props, point);
-      let center = mouseFollowTooltips ? mousePosition : undefined;
-      if (!voronoiDimension || points.length < 2) {
-        return {
-          ...basePosition,
-          center: lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps.center, center)
-        };
-      }
-      const x = voronoiDimension === "y" ? mousePosition.x : basePosition.x;
-      const y = voronoiDimension === "x" ? mousePosition.y : basePosition.y;
-      center = mouseFollowTooltips ? mousePosition : {
-        x,
-        y
-      };
+    return voronoiDimension === "x" ? "y" : "x";
+  };
+  const getLabelPosition = (labelProps, points) => {
+    const {
+      mousePosition,
+      mouseFollowTooltips
+    } = props;
+    const voronoiDimension = getDimension();
+    const point = getPoint(points[0]);
+    const basePosition = victory_core__WEBPACK_IMPORTED_MODULE_4__.scalePoint(props, point);
+    let center = mouseFollowTooltips ? mousePosition : undefined;
+    if (!voronoiDimension || points.length < 2) {
       return {
-        x,
-        y,
+        ...basePosition,
         center: lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps.center, center)
       };
     }
-    getStyle(props, points, type) {
-      const {
-        labels,
-        labelComponent,
-        theme
-      } = props;
-      const componentProps = labelComponent.props || {};
-      const themeStyles = theme && theme.voronoi && theme.voronoi.style ? theme.voronoi.style : {};
-      const componentStyleArray = type === "flyout" ? componentProps.flyoutStyle : componentProps.style;
-      return points.reduce((memo, datum, index) => {
-        const labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, componentProps, {
-          datum,
-          active: true
-        });
-        const text = victory_core__WEBPACK_IMPORTED_MODULE_6__.isFunction(labels) ? labels(labelProps) : undefined;
-        const textArray = text !== undefined ? `${text}`.split("\n") : [];
-        const baseStyle = datum.style && datum.style[type] || {};
-        const componentStyle = Array.isArray(componentStyleArray) ? componentStyleArray[index] : componentStyleArray;
-        const style = victory_core__WEBPACK_IMPORTED_MODULE_6__.evaluateStyle(lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, componentStyle, baseStyle, themeStyles[type]), labelProps);
-        const styleArray = textArray.length ? textArray.map(() => style) : [style];
-        return memo.concat(styleArray);
-      }, []);
-    }
-    getDefaultLabelProps(props, points) {
-      const {
-        voronoiDimension,
-        horizontal,
-        mouseFollowTooltips
-      } = props;
-      const point = this.getPoint(points[0]);
-      const multiPoint = voronoiDimension && points.length > 1;
-      const y = point._y1 !== undefined ? point._y1 : point._y;
-      const defaultHorizontalOrientation = y < 0 ? "left" : "right";
-      const defaultOrientation = y < 0 ? "bottom" : "top";
-      const labelOrientation = horizontal ? defaultHorizontalOrientation : defaultOrientation;
-      const orientation = mouseFollowTooltips ? undefined : labelOrientation;
-      return {
-        orientation,
-        pointerLength: multiPoint ? 0 : undefined,
-        constrainToVisibleArea: multiPoint || mouseFollowTooltips ? true : undefined
-      };
-    }
-    getLabelProps(props, points) {
-      const {
-        labels,
-        scale,
-        labelComponent,
-        theme,
-        width,
-        height
-      } = props;
-      const componentProps = labelComponent.props || {};
-      const text = points.reduce((memo, datum) => {
-        const labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, componentProps, {
-          datum,
-          active: true
-        });
-        const t = victory_core__WEBPACK_IMPORTED_MODULE_6__.isFunction(labels) ? labels(labelProps) : null;
-        if (t === null || t === undefined) {
-          return memo;
-        }
-        return memo.concat(`${t}`.split("\n"));
-      }, []);
-
-      // remove properties from first point to make datum
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      const {
-        childName,
-        eventKey,
-        style,
-        continuous,
-        ...datum
-      } = points[0];
-      const name = props.name === childName ? childName : `${props.name}-${childName}`;
-      const labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
-        key: `${name}-${eventKey}-voronoi-tooltip`,
-        id: `${name}-${eventKey}-voronoi-tooltip`,
-        active: true,
-        renderInPortal: false,
-        activePoints: points,
+    const x = voronoiDimension === "y" ? mousePosition.x : basePosition.x;
+    const y = voronoiDimension === "x" ? mousePosition.y : basePosition.y;
+    center = mouseFollowTooltips ? mousePosition : {
+      x,
+      y
+    };
+    return {
+      x,
+      y,
+      center: lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps.center, center)
+    };
+  };
+  const getStyle = (points, type) => {
+    const {
+      labels,
+      labelComponent,
+      theme
+    } = props;
+    const componentProps = labelComponent.props || {};
+    const themeStyles = theme && theme.voronoi && theme.voronoi.style ? theme.voronoi.style : {};
+    const componentStyleArray = type === "flyout" ? componentProps.flyoutStyle : componentProps.style;
+    return points.reduce((memo, datum, index) => {
+      const labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, componentProps, {
         datum,
-        scale,
-        theme
-      }, componentProps, {
-        text,
-        width,
-        height,
-        style: this.getStyle(props, points, "labels"),
-        flyoutStyle: this.getStyle(props, points, "flyout")[0]
-      }, this.getDefaultLabelProps(props, points));
-      const labelPosition = this.getLabelPosition(props, labelProps, points);
-      return lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelPosition, labelProps);
-    }
-    getTooltip(props) {
-      const {
-        labels,
-        activePoints,
-        labelComponent
-      } = props;
-      if (!labels) {
-        return null;
-      }
-      if (Array.isArray(activePoints) && activePoints.length) {
-        const labelProps = this.getLabelProps(props, activePoints);
-        const {
-          text
-        } = labelProps;
-        const showLabel = Array.isArray(text) ? text.filter(Boolean).length : text;
-        return showLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(labelComponent, labelProps) : null;
+        active: true
+      });
+      const text = victory_core__WEBPACK_IMPORTED_MODULE_4__.isFunction(labels) ? labels(labelProps) : undefined;
+      const textArray = text !== undefined ? `${text}`.split("\n") : [];
+      const baseStyle = datum.style && datum.style[type] || {};
+      const componentStyle = Array.isArray(componentStyleArray) ? componentStyleArray[index] : componentStyleArray;
+      const style = victory_core__WEBPACK_IMPORTED_MODULE_4__.evaluateStyle(lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, componentStyle, baseStyle, themeStyles[type]), labelProps);
+      const styleArray = textArray.length ? textArray.map(() => style) : [style];
+      return memo.concat(styleArray);
+    }, []);
+  };
+  const getDefaultLabelProps = points => {
+    const {
+      voronoiDimension,
+      horizontal,
+      mouseFollowTooltips
+    } = props;
+    const point = getPoint(points[0]);
+    const multiPoint = voronoiDimension && points.length > 1;
+    const y = point._y1 !== undefined ? point._y1 : point._y;
+    const defaultHorizontalOrientation = y < 0 ? "left" : "right";
+    const defaultOrientation = y < 0 ? "bottom" : "top";
+    const labelOrientation = horizontal ? defaultHorizontalOrientation : defaultOrientation;
+    const orientation = mouseFollowTooltips ? undefined : labelOrientation;
+    return {
+      orientation,
+      pointerLength: multiPoint ? 0 : undefined,
+      constrainToVisibleArea: multiPoint || mouseFollowTooltips ? true : undefined
+    };
+  };
+  const getLabelProps = points => {
+    const {
+      labels,
+      scale,
+      labelComponent,
+      theme,
+      width,
+      height
+    } = props;
+    const componentProps = labelComponent.props || {};
+    const text = points.reduce((memo, datum) => {
+      const labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, componentProps, {
+        datum,
+        active: true
+      });
+      const t = victory_core__WEBPACK_IMPORTED_MODULE_4__.isFunction(labels) ? labels(labelProps) : null;
+      if (t === null || t === undefined) {
+        return memo;
       }
+      return memo.concat(`${t}`.split("\n"));
+    }, []);
+
+    // remove properties from first point to make datum
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const {
+      childName,
+      eventKey,
+      style,
+      continuous,
+      ...datum
+    } = points[0];
+    const name = props.name === childName ? childName : `${props.name}-${childName}`;
+    const labelProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({
+      key: `${name}-${eventKey}-voronoi-tooltip`,
+      id: `${name}-${eventKey}-voronoi-tooltip`,
+      active: true,
+      renderInPortal: false,
+      activePoints: points,
+      datum,
+      scale,
+      theme
+    }, componentProps, {
+      text,
+      width,
+      height,
+      style: getStyle(points, "labels"),
+      flyoutStyle: getStyle(points, "flyout")[0]
+    }, getDefaultLabelProps(points));
+    const labelPosition = getLabelPosition(labelProps, points);
+    return lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelPosition, labelProps);
+  };
+  const getTooltip = () => {
+    const {
+      labels,
+      activePoints,
+      labelComponent
+    } = props;
+    if (!labels) {
       return null;
     }
-
-    // Overrides method in VictoryContainer
-    getChildren(props) {
-      return [...react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(props.children), this.getTooltip(props)];
+    if (Array.isArray(activePoints) && activePoints.length) {
+      const labelProps = getLabelProps(activePoints);
+      const {
+        text
+      } = labelProps;
+      const showLabel = Array.isArray(text) ? text.filter(Boolean).length : text;
+      return showLabel ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(labelComponent, labelProps) : null;
     }
+    return null;
   };
-}
-const VictoryVoronoiContainer = voronoiContainerMixin(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer);
+  return {
+    props,
+    children: [...react__WEBPACK_IMPORTED_MODULE_2___default().Children.toArray(children), getTooltip()]
+  };
+};
+const VictoryVoronoiContainer = initialProps => {
+  const {
+    props,
+    children
+  } = useVictoryVoronoiContainer(initialProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryContainer, props, children);
+};
+VictoryVoronoiContainer.role = "container";
+VictoryVoronoiContainer.defaultEvents = initialProps => {
+  const props = {
+    ...VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const createEventHandler = (handler, disabled) =>
+  // eslint-disable-next-line max-params
+  (event, targetProps, eventKey, context) => disabled || props.disable ? {} : handler(event, {
+    ...props,
+    ...targetProps
+  }, eventKey, context);
+  return [{
+    target: "parent",
+    eventHandlers: {
+      onMouseLeave: createEventHandler(_voronoi_helpers__WEBPACK_IMPORTED_MODULE_6__.VoronoiHelpers.onMouseLeave),
+      onTouchCancel: createEventHandler(_voronoi_helpers__WEBPACK_IMPORTED_MODULE_6__.VoronoiHelpers.onMouseLeave),
+      onMouseMove: createEventHandler(_voronoi_helpers__WEBPACK_IMPORTED_MODULE_6__.VoronoiHelpers.onMouseMove),
+      onTouchMove: createEventHandler(_voronoi_helpers__WEBPACK_IMPORTED_MODULE_6__.VoronoiHelpers.onMouseMove)
+    }
+  }, {
+    target: "data",
+    eventHandlers: props.disable ? {} : {
+      onMouseOver: () => null,
+      onMouseOut: () => null,
+      onMouseMove: () => null
+    }
+  }];
+};
 
 /***/ }),
 
@@ -29585,9 +29412,10 @@ const Voronoi = initialProps => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "RawZoomHelpers": function() { return /* reexport safe */ _zoom_helpers__WEBPACK_IMPORTED_MODULE_1__.RawZoomHelpers; },
+/* harmony export */   "VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ _victory_zoom_container__WEBPACK_IMPORTED_MODULE_0__.VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryZoomContainer": function() { return /* reexport safe */ _victory_zoom_container__WEBPACK_IMPORTED_MODULE_0__.VictoryZoomContainer; },
 /* harmony export */   "ZoomHelpers": function() { return /* reexport safe */ _zoom_helpers__WEBPACK_IMPORTED_MODULE_1__.ZoomHelpers; },
-/* harmony export */   "zoomContainerMixin": function() { return /* reexport safe */ _victory_zoom_container__WEBPACK_IMPORTED_MODULE_0__.zoomContainerMixin; }
+/* harmony export */   "useVictoryZoomContainer": function() { return /* reexport safe */ _victory_zoom_container__WEBPACK_IMPORTED_MODULE_0__.useVictoryZoomContainer; }
 /* harmony export */ });
 /* harmony import */ var _victory_zoom_container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-zoom-container */ "../../victory-zoom-container/es/victory-zoom-container.js");
 /* harmony import */ var _zoom_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./zoom-helpers */ "../../victory-zoom-container/es/zoom-helpers.js");
@@ -29605,85 +29433,120 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS": function() { return /* binding */ VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryZoomContainer": function() { return /* binding */ VictoryZoomContainer; },
-/* harmony export */   "zoomContainerMixin": function() { return /* binding */ zoomContainerMixin; }
+/* harmony export */   "useVictoryZoomContainer": function() { return /* binding */ useVictoryZoomContainer; }
 /* harmony export */ });
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/defaults.js");
 /* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./zoom-helpers */ "../../victory-zoom-container/es/zoom-helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-clip-container/victory-clip-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/data.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-clip-container/victory-clip-container.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/data.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
 
 
 
 
 const DEFAULT_DOWNSAMPLE = 150;
-function zoomContainerMixin(Base) {
-  // @ts-expect-error "TS2545: A mixin class must have a constructor with a single rest parameter of type 'any[]'."
-  return class VictoryZoomContainer extends Base {
-    static displayName = "VictoryZoomContainer";
-    static defaultProps = {
-      ...victory_core__WEBPACK_IMPORTED_MODULE_2__.VictoryContainer.defaultProps,
-      clipContainerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryClipContainer, null),
-      allowPan: true,
-      allowZoom: true,
-      zoomActive: false
+const VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS = {
+  clipContainerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_2__.VictoryClipContainer, null),
+  allowPan: true,
+  allowZoom: true,
+  zoomActive: false
+};
+const useVictoryZoomContainer = initialProps => {
+  const props = {
+    ...VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const {
+    children,
+    currentDomain,
+    zoomActive,
+    allowZoom,
+    downsample,
+    scale,
+    clipContainerComponent,
+    polar,
+    origin,
+    horizontal
+  } = props;
+  const downsampleZoomData = (child, domain) => {
+    const getData = childProps => {
+      const {
+        data,
+        x,
+        y
+      } = childProps;
+      const defaultGetData = child.type && typeof child.type.getData === "function" ? child.type.getData : () => undefined;
+      // skip costly data formatting if x and y accessors are not present
+      return Array.isArray(data) && !x && !y ? data : defaultGetData(childProps);
     };
-    static defaultEvents(props) {
-      return [{
-        target: "parent",
-        eventHandlers: {
-          onMouseDown: (evt, targetProps) => {
-            return props.disable ? {} : _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseDown(evt, targetProps);
-          },
-          onTouchStart: (evt, targetProps) => {
-            return props.disable ? {} : _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseDown(evt, targetProps);
-          },
-          onMouseUp: (evt, targetProps) => {
-            return props.disable ? {} : _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseUp(evt, targetProps);
-          },
-          onTouchEnd: (evt, targetProps) => {
-            return props.disable ? {} : _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseUp(evt, targetProps);
-          },
-          onMouseLeave: (evt, targetProps) => {
-            return props.disable ? {} : _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseLeave(evt, targetProps);
-          },
-          onTouchCancel: (evt, targetProps) => {
-            return props.disable ? {} : _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseLeave(evt, targetProps);
-          },
-          // eslint-disable-next-line max-params
-          onMouseMove: (evt, targetProps, eventKey, ctx) => {
-            if (props.disable) {
-              return {};
-            }
-            return _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseMove(evt, targetProps, eventKey, ctx);
-          },
-          // eslint-disable-next-line max-params
-          onTouchMove: (evt, targetProps, eventKey, ctx) => {
-            if (props.disable) {
-              return {};
-            }
-            evt.preventDefault();
-            return _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseMove(evt, targetProps, eventKey, ctx);
-          },
-          ...(props.disable || !props.allowZoom ? {} : {
-            onWheel: _zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onWheel
-          })
-        }
-      }];
+    const data = getData(child.props);
+
+    // return undefined if downsample is not run, then default() will replace with child.props.data
+    if (!downsample || !domain || !data) {
+      return undefined;
     }
-    clipDataComponents(children, props) {
-      const {
-        scale,
-        clipContainerComponent,
-        polar,
-        origin,
-        horizontal
-      } = props;
+    const maxPoints = downsample === true ? DEFAULT_DOWNSAMPLE : downsample;
+    const dimension = props.zoomDimension || "x";
+
+    // important: assumes data is ordered by dimension
+    // get the start and end of the data that is in the current visible domain
+    let startIndex = data.findIndex(d => d[dimension] >= domain[dimension][0]);
+    let endIndex = data.findIndex(d => d[dimension] > domain[dimension][1]);
+    // pick one more point (if available) at each end so that VictoryLine, VictoryArea connect
+    if (startIndex !== 0) {
+      startIndex -= 1;
+    }
+    if (endIndex !== -1) {
+      endIndex += 1;
+    }
+    const visibleData = data.slice(startIndex, endIndex);
+    return victory_core__WEBPACK_IMPORTED_MODULE_3__.downsample(visibleData, maxPoints, startIndex);
+  };
+  const modifiedChildren = react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(children).map(child => {
+    const role = child.type && child.type.role;
+    const isDataComponent = victory_core__WEBPACK_IMPORTED_MODULE_3__.isDataComponent(child);
+    const originalDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.originalDomain, props.domain);
+    const zoomDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.zoomDomain, props.domain);
+    const cachedZoomDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.cachedZoomDomain, props.domain);
+    let domain;
+    if (!_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.checkDomainEquality(zoomDomain, cachedZoomDomain)) {
+      // if zoomDomain has been changed, use it
+      domain = zoomDomain;
+    } else if (allowZoom && !zoomActive) {
+      // if user has zoomed all the way out, use the child domain
+      domain = child.props.domain;
+    } else {
+      // default: use currentDomain, set by the event handlers
+      domain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, currentDomain, originalDomain);
+    }
+    let newDomain = props.polar ? {
+      x: originalDomain.x,
+      y: [0, domain.y[1]]
+    } : domain;
+    if (newDomain && props.zoomDimension) {
+      // if zooming is restricted to a dimension, don't squash changes to zoomDomain in other dim
+      newDomain = {
+        ...zoomDomain,
+        [props.zoomDimension]: newDomain[props.zoomDimension]
+      };
+    }
+
+    // don't downsample stacked data
+    const childProps = isDataComponent && role !== "stack" ? {
+      domain: newDomain,
+      data: downsampleZoomData(child, newDomain)
+    } : {
+      domain: newDomain
+    };
+    const newChild = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(child, lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(childProps, child.props));
+
+    // Clip data components
+    if (victory_core__WEBPACK_IMPORTED_MODULE_3__.isDataComponent(newChild)) {
       const rangeX = horizontal ? scale.y.range() : scale.x.range();
       const rangeY = horizontal ? scale.x.range() : scale.y.range();
       const plottableWidth = Math.abs(rangeX[0] - rangeX[1]);
@@ -29699,110 +29562,51 @@ function zoomContainerMixin(Base) {
         radius: polar ? radius : undefined,
         ...clipContainerComponent.props
       });
-      return react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(children).map(child => {
-        if (!victory_core__WEBPACK_IMPORTED_MODULE_5__.isDataComponent(child)) {
-          return child;
-        }
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(child, {
-          groupComponent
-        });
-      });
-    }
-    modifyPolarDomain(domain, originalDomain) {
-      // Only zoom the radius of polar charts. Zooming angles is very confusing
-      return {
-        x: originalDomain.x,
-        y: [0, domain.y[1]]
-      };
-    }
-    downsampleZoomData(props, child, domain) {
-      const {
-        downsample
-      } = props;
-      const getData = childProps => {
-        const {
-          data,
-          x,
-          y
-        } = childProps;
-        const defaultGetData = child.type && victory_core__WEBPACK_IMPORTED_MODULE_6__.isFunction(child.type.getData) ? child.type.getData : () => undefined;
-        // skip costly data formatting if x and y accessors are not present
-        return Array.isArray(data) && !x && !y ? data : defaultGetData(childProps);
-      };
-      const data = getData(child.props);
-
-      // return undefined if downsample is not run, then default() will replace with child.props.data
-      if (!downsample || !domain || !data) {
-        return undefined;
-      }
-      const maxPoints = downsample === true ? DEFAULT_DOWNSAMPLE : downsample;
-      const dimension = props.zoomDimension || "x";
-
-      // important: assumes data is ordered by dimension
-      // get the start and end of the data that is in the current visible domain
-      let startIndex = data.findIndex(d => d[dimension] >= domain[dimension][0]);
-      let endIndex = data.findIndex(d => d[dimension] > domain[dimension][1]);
-      // pick one more point (if available) at each end so that VictoryLine, VictoryArea connect
-      if (startIndex !== 0) {
-        startIndex -= 1;
-      }
-      if (endIndex !== -1) {
-        endIndex += 1;
-      }
-      const visibleData = data.slice(startIndex, endIndex);
-      return victory_core__WEBPACK_IMPORTED_MODULE_5__.downsample(visibleData, maxPoints, startIndex);
-    }
-    modifyChildren(props) {
-      const childComponents = react__WEBPACK_IMPORTED_MODULE_1___default().Children.toArray(props.children);
-      return childComponents.map(child => {
-        const role = child.type && child.type.role;
-        const isDataComponent = victory_core__WEBPACK_IMPORTED_MODULE_5__.isDataComponent(child);
-        const {
-          currentDomain,
-          zoomActive,
-          allowZoom
-        } = props;
-        const originalDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.originalDomain, props.domain);
-        const zoomDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.zoomDomain, props.domain);
-        const cachedZoomDomain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, props.cachedZoomDomain, props.domain);
-        let domain;
-        if (!_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.checkDomainEquality(zoomDomain, cachedZoomDomain)) {
-          // if zoomDomain has been changed, use it
-          domain = zoomDomain;
-        } else if (allowZoom && !zoomActive) {
-          // if user has zoomed all the way out, use the child domain
-          domain = child.props.domain;
-        } else {
-          // default: use currentDomain, set by the event handlers
-          domain = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, currentDomain, originalDomain);
-        }
-        let newDomain = props.polar ? this.modifyPolarDomain(domain, originalDomain) : domain;
-        if (newDomain && props.zoomDimension) {
-          // if zooming is restricted to a dimension, don't squash changes to zoomDomain in other dim
-          newDomain = {
-            ...zoomDomain,
-            [props.zoomDimension]: newDomain[props.zoomDimension]
-          };
-        }
-        // don't downsample stacked data
-        const newProps = isDataComponent && role !== "stack" ? {
-          domain: newDomain,
-          data: this.downsampleZoomData(props, child, newDomain)
-        } : {
-          domain: newDomain
-        };
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(child, lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(newProps, child.props));
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(newChild, {
+        groupComponent
       });
     }
-
-    // Overrides method in VictoryContainer
-    getChildren(props) {
-      const children = this.modifyChildren(props);
-      return this.clipDataComponents(children, props);
-    }
+    return newChild;
+  });
+  return {
+    props,
+    children: modifiedChildren
   };
-}
-const VictoryZoomContainer = zoomContainerMixin(victory_core__WEBPACK_IMPORTED_MODULE_2__.VictoryContainer);
+};
+const VictoryZoomContainer = initialProps => {
+  const {
+    props,
+    children
+  } = useVictoryZoomContainer(initialProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryContainer, props, children);
+};
+VictoryZoomContainer.role = "container";
+VictoryZoomContainer.defaultEvents = initialProps => {
+  const props = {
+    ...VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS,
+    ...initialProps
+  };
+  const createEventHandler = (handler, disabled) =>
+  // eslint-disable-next-line max-params
+  (event, targetProps, eventKey, context) => disabled || props.disable ? {} : handler(event, {
+    ...props,
+    ...targetProps
+  }, eventKey, context);
+  return [{
+    target: "parent",
+    eventHandlers: {
+      onMouseDown: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseDown),
+      onTouchStart: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseDown),
+      onMouseUp: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseUp),
+      onTouchEnd: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseUp),
+      onMouseLeave: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseLeave),
+      onTouchCancel: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseLeave),
+      onMouseMove: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseMove),
+      onTouchMove: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onMouseMove),
+      onWheel: createEventHandler(_zoom_helpers__WEBPACK_IMPORTED_MODULE_4__.ZoomHelpers.onWheel, !props.allowZoom)
+    }
+  }];
+};
 
 /***/ }),
 
@@ -42367,6 +42171,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PointPathHelpers": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.PointPathHelpers; },
 /* harmony export */   "Portal": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.Portal; },
 /* harmony export */   "PortalContext": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.PortalContext; },
+/* harmony export */   "PortalOutlet": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.PortalOutlet; },
+/* harmony export */   "PortalProvider": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.PortalProvider; },
 /* harmony export */   "RawZoomHelpers": function() { return /* reexport safe */ victory_zoom_container__WEBPACK_IMPORTED_MODULE_26__.RawZoomHelpers; },
 /* harmony export */   "Rect": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.Rect; },
 /* harmony export */   "Scale": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.Scale; },
@@ -42381,6 +42187,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "TimerContext": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.TimerContext; },
 /* harmony export */   "Transitions": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.Transitions; },
 /* harmony export */   "UserProps": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.UserProps; },
+/* harmony export */   "VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ victory_brush_container__WEBPACK_IMPORTED_MODULE_4__.VICTORY_BRUSH_CONTAINER_DEFAULT_PROPS; },
+/* harmony export */   "VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ victory_cursor_container__WEBPACK_IMPORTED_MODULE_11__.VICTORY_CURSOR_CONTAINER_DEFAULT_PROPS; },
+/* harmony export */   "VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ victory_selection_container__WEBPACK_IMPORTED_MODULE_20__.VICTORY_SELECTION_CONTAINER_DEFAULT_PROPS; },
+/* harmony export */   "VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ victory_voronoi_container__WEBPACK_IMPORTED_MODULE_25__.VICTORY_VORONOI_CONTAINER_DEFAULT_PROPS; },
+/* harmony export */   "VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS": function() { return /* reexport safe */ victory_zoom_container__WEBPACK_IMPORTED_MODULE_26__.VICTORY_ZOOM_CONTAINER_DEFAULT_PROPS; },
 /* harmony export */   "VictoryAccessibleGroup": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.VictoryAccessibleGroup; },
 /* harmony export */   "VictoryAnimation": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.VictoryAnimation; },
 /* harmony export */   "VictoryArea": function() { return /* reexport safe */ victory_area__WEBPACK_IMPORTED_MODULE_0__.VictoryArea; },
@@ -42419,10 +42230,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Wrapper": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.Wrapper; },
 /* harmony export */   "ZoomHelpers": function() { return /* reexport safe */ victory_zoom_container__WEBPACK_IMPORTED_MODULE_26__.ZoomHelpers; },
 /* harmony export */   "addEvents": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.addEvents; },
-/* harmony export */   "brushContainerMixin": function() { return /* reexport safe */ victory_brush_container__WEBPACK_IMPORTED_MODULE_4__.brushContainerMixin; },
-/* harmony export */   "combineContainerMixins": function() { return /* reexport safe */ victory_create_container__WEBPACK_IMPORTED_MODULE_10__.combineContainerMixins; },
 /* harmony export */   "createContainer": function() { return /* reexport safe */ victory_create_container__WEBPACK_IMPORTED_MODULE_10__.createContainer; },
-/* harmony export */   "cursorContainerMixin": function() { return /* reexport safe */ victory_cursor_container__WEBPACK_IMPORTED_MODULE_11__.cursorContainerMixin; },
 /* harmony export */   "getBarPath": function() { return /* reexport safe */ victory_bar__WEBPACK_IMPORTED_MODULE_2__.getBarPath; },
 /* harmony export */   "getBarPosition": function() { return /* reexport safe */ victory_bar__WEBPACK_IMPORTED_MODULE_2__.getBarPosition; },
 /* harmony export */   "getBarWidth": function() { return /* reexport safe */ victory_bar__WEBPACK_IMPORTED_MODULE_2__.getBarWidth; },
@@ -42434,10 +42242,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getVerticalBarPath": function() { return /* reexport safe */ victory_bar__WEBPACK_IMPORTED_MODULE_2__.getVerticalBarPath; },
 /* harmony export */   "getVerticalPolarBarPath": function() { return /* reexport safe */ victory_bar__WEBPACK_IMPORTED_MODULE_2__.getVerticalPolarBarPath; },
 /* harmony export */   "makeCreateContainerFunction": function() { return /* reexport safe */ victory_create_container__WEBPACK_IMPORTED_MODULE_10__.makeCreateContainerFunction; },
-/* harmony export */   "selectionContainerMixin": function() { return /* reexport safe */ victory_selection_container__WEBPACK_IMPORTED_MODULE_20__.selectionContainerMixin; },
+/* harmony export */   "mergeRefs": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.mergeRefs; },
 /* harmony export */   "useCanvasContext": function() { return /* reexport safe */ victory_canvas__WEBPACK_IMPORTED_MODULE_7__.useCanvasContext; },
-/* harmony export */   "voronoiContainerMixin": function() { return /* reexport safe */ victory_voronoi_container__WEBPACK_IMPORTED_MODULE_25__.voronoiContainerMixin; },
-/* harmony export */   "zoomContainerMixin": function() { return /* reexport safe */ victory_zoom_container__WEBPACK_IMPORTED_MODULE_26__.zoomContainerMixin; }
+/* harmony export */   "usePortalContext": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.usePortalContext; },
+/* harmony export */   "useVictoryBrushContainer": function() { return /* reexport safe */ victory_brush_container__WEBPACK_IMPORTED_MODULE_4__.useVictoryBrushContainer; },
+/* harmony export */   "useVictoryContainer": function() { return /* reexport safe */ victory_core__WEBPACK_IMPORTED_MODULE_9__.useVictoryContainer; },
+/* harmony export */   "useVictoryCursorContainer": function() { return /* reexport safe */ victory_cursor_container__WEBPACK_IMPORTED_MODULE_11__.useVictoryCursorContainer; },
+/* harmony export */   "useVictorySelectionContainer": function() { return /* reexport safe */ victory_selection_container__WEBPACK_IMPORTED_MODULE_20__.useVictorySelectionContainer; },
+/* harmony export */   "useVictoryVoronoiContainer": function() { return /* reexport safe */ victory_voronoi_container__WEBPACK_IMPORTED_MODULE_25__.useVictoryVoronoiContainer; },
+/* harmony export */   "useVictoryZoomContainer": function() { return /* reexport safe */ victory_zoom_container__WEBPACK_IMPORTED_MODULE_26__.useVictoryZoomContainer; }
 /* harmony export */ });
 /* harmony import */ var victory_area__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! victory-area */ "../../victory-area/es/index.js");
 /* harmony import */ var victory_axis__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! victory-axis */ "../../victory-axis/es/index.js");