npm - victory-create-container - Versions diffs - 37.0.1 → 37.0.3-next.0 - Mend

victory-create-container 37.0.1 → 37.0.3-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +15 -0
package/dist/victory-create-container.js +1183 -1727
package/dist/victory-create-container.min.js +1 -1
package/es/create-container.d.ts +401 -46
package/es/create-container.js +59 -69
package/es/index.d.ts +1 -1
package/lib/create-container.d.ts +401 -46
package/lib/create-container.js +58 -69
package/lib/index.d.ts +1 -1
package/package.json +7 -10
package/src/create-container.tsx +169 -0
package/src/create-container.ts +0 -173

package/dist/victory-create-container.js CHANGED Viewed

@@ -11,37 +11,34 @@
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
-/***/ "./create-container.ts":
-/*!*****************************!*\
-  !*** ./create-container.ts ***!
-  \*****************************/
+/***/ "./create-container.tsx":
+/*!******************************!*\
+  !*** ./create-container.tsx ***!
+  \******************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 "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");
@@ -65,7 +62,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
@@ -86,11 +83,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
@@ -98,68 +95,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(", ")}].`);
-  }
+/**
+ * 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
 };
-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);
+/**
+ * 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
 };
-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);
+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);
 /***/ }),
@@ -919,33 +906,6 @@ Delaunay.from = function (points, fx, fy, that) {
   return new Delaunay(flatArray(points, fx, fy, that));
 }; // only public methods will be .from and .find
-/***/ }),
-/***/ "../../../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":
@@ -2936,94 +2896,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/_createSet.js":
@@ -3439,61 +3311,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":
@@ -3780,34 +3597,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":
@@ -4831,43 +4620,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":
@@ -7245,17 +6997,18 @@ const BrushHelpers = {
 "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__);
@@ -7263,203 +7016,207 @@ __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);
-/***/ }),
-/***/ "../../victory-core/es/victory-clip-container/victory-clip-container.js":
-/*!******************************************************************************!*\
-  !*** ../../victory-core/es/victory-clip-container/victory-clip-container.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 */   "VictoryClipContainer": function() { return /* binding */ VictoryClipContainer; }
-/* harmony export */ });
-/* 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 lodash_isObject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isObject */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js");
-/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__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_util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __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 _victory_primitives_clip_path__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../victory-primitives/clip-path */ "../../victory-core/es/victory-primitives/clip-path.js");
-/* harmony import */ var _victory_primitives_circle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-primitives/circle */ "../../victory-core/es/victory-primitives/circle.js");
-/* harmony import */ var _victory_primitives_rect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-primitives/rect */ "../../victory-core/es/victory-primitives/rect.js");
+  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)
+    }
+  }];
+};
+/***/ }),
+/***/ "../../victory-core/es/victory-clip-container/victory-clip-container.js":
+/*!******************************************************************************!*\
+  !*** ../../victory-core/es/victory-clip-container/victory-clip-container.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 */   "VictoryClipContainer": function() { return /* binding */ VictoryClipContainer; }
+/* harmony export */ });
+/* 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 lodash_isObject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/isObject */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isObject.js");
+/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__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_util_helpers__WEBPACK_IMPORTED_MODULE_7__ = __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 _victory_primitives_clip_path__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../victory-primitives/clip-path */ "../../victory-core/es/victory-primitives/clip-path.js");
+/* harmony import */ var _victory_primitives_circle__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-primitives/circle */ "../../victory-core/es/victory-primitives/circle.js");
+/* harmony import */ var _victory_primitives_rect__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-primitives/rect */ "../../victory-core/es/victory-primitives/rect.js");
@@ -7636,23 +7393,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_5__ = __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_4__ = __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); }
@@ -7661,175 +7413,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"
+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
   };
-  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;
-  };
-  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(_victory_portal_portal_context__WEBPACK_IMPORTED_MODULE_4__.PortalProvider, null, /*#__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_5__.mergeRefs)([localContainerRef, containerRef])
+  }, /*#__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";
 /***/ }),
@@ -8291,10 +8017,7 @@ const defaultProps = {
   lineHeight: 1
 };
 const VictoryLabel = initialProps => {
-  const props = evaluateProps({
-    ...defaultProps,
-    ...initialProps
-  });
+  const props = evaluateProps(lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, initialProps, defaultProps));
   if (props.text === null || props.text === undefined) {
     return null;
   }
@@ -8345,17 +8068,83 @@ 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);
+  if (!context) {
+    throw new Error("`usePortalContext` must be used within a `<PortalProvider />`");
+  }
+  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)();
+  const children = Array.from(portalContext.children.entries()).map(_ref2 => {
+    let [key, node] = _ref2;
+    return !node.key ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(node, {
+      key
+    }) : node;
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(portalComponent, props, children);
+};
 /***/ }),
@@ -8372,39 +8161,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));
+});
 /***/ }),
@@ -8431,59 +8194,42 @@ __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)
-  };
-  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();
-  }
-  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;
+const defaultProps = {
+  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null)
+};
+const VictoryPortal = initialProps => {
+  const props = {
+    ...defaultProps,
+    ...initialProps
+  };
+  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);
   }
-  render() {
-    const children = Array.isArray(this.props.children) ? this.props.children[0] : this.props.children;
+  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+    const children = Array.isArray(props.children) ? props.children[0] : props.children;
     const {
       groupComponent
-    } = this.props;
+    } = 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 newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.omit(props, ["children", "groupComponent"]));
     const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(children, newProps);
-    return this.renderPortal(child);
-  }
-}
+    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 null;
+};
+VictoryPortal.role = "portal";
 /***/ }),
@@ -8561,10 +8307,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "LineSegment": function() { return /* binding */ LineSegment; }
 /* 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_util_helpers__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./line */ "../../victory-core/es/victory-primitives/line.js");
+/* 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_util_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var _line__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./line */ "../../victory-core/es/victory-primitives/line.js");
@@ -8577,13 +8326,13 @@ const evaluateProps = props => {
    * `style`
    * `tabIndex`
    */
-  const ariaLabel = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateProp(props.ariaLabel, props);
-  const desc = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateProp(props.desc, props);
-  const id = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateProp(props.id, props);
-  const style = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateStyle(Object.assign({
+  const ariaLabel = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.ariaLabel, props);
+  const desc = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.desc, props);
+  const id = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.id, props);
+  const style = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateStyle(Object.assign({
     stroke: "black"
   }, props.style), props);
-  const tabIndex = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_1__.evaluateProp(props.tabIndex, props);
+  const tabIndex = _victory_util_helpers__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.tabIndex, props);
   return Object.assign({}, props, {
     ariaLabel,
     desc,
@@ -8593,16 +8342,13 @@ const evaluateProps = props => {
   });
 };
 const defaultProps = {
-  lineComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_line__WEBPACK_IMPORTED_MODULE_2__.Line, null),
+  lineComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_line__WEBPACK_IMPORTED_MODULE_3__.Line, null),
   role: "presentation",
   shapeRendering: "auto"
 };
 const LineSegment = initialProps => {
-  const props = evaluateProps({
-    ...defaultProps,
-    ...initialProps
-  });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(props.lineComponent, {
+  const props = evaluateProps(lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, initialProps, defaultProps));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(props.lineComponent, {
     ...props.events,
     "aria-label": props.ariaLabel,
     style: props.style,
@@ -11887,6 +11633,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/scale.js":
 /*!***************************************************!*\
   !*** ../../victory-core/es/victory-util/scale.js ***!
@@ -12559,98 +12343,6 @@ const approximateTextSize = (text, style) => _approximateTextSizeInternal.impl(t
 /***/ }),
-/***/ "../../victory-core/es/victory-util/timer-context.js":
-/*!***********************************************************!*\
-  !*** ../../victory-core/es/victory-util/timer-context.js ***!
-  \***********************************************************/
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* 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 _timer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./timer */ "../../victory-core/es/victory-util/timer.js");
-/**
- * The React context object consumers may use to access or override the global
- * timer.
- */
-const TimerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createContext({
-  transitionTimer: new _timer__WEBPACK_IMPORTED_MODULE_1__["default"](),
-  animationTimer: new _timer__WEBPACK_IMPORTED_MODULE_1__["default"]()
-});
-TimerContext.displayName = "TimerContext";
-/* harmony default export */ __webpack_exports__["default"] = (TimerContext);
-/***/ }),
-/***/ "../../victory-core/es/victory-util/timer.js":
-/*!***************************************************!*\
-  !*** ../../victory-core/es/victory-util/timer.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 */   "default": function() { return /* binding */ Timer; }
-/* harmony export */ });
-/* harmony import */ var victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! victory-vendor/d3-timer */ "../../victory-vendor/es/d3-timer.js");
-class Timer {
-  constructor() {
-    this.shouldAnimate = true;
-    this.subscribers = [];
-    this.timer = null;
-    this.activeSubscriptions = 0;
-  }
-  bypassAnimation() {
-    this.shouldAnimate = false;
-  }
-  resumeAnimation() {
-    this.shouldAnimate = true;
-  }
-  loop = () => {
-    this.subscribers.forEach(s => {
-      s.callback((0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.now)() - s.startTime, s.duration);
-    });
-  };
-  start() {
-    if (!this.timer) {
-      this.timer = (0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.timer)(this.loop);
-    }
-  }
-  stop() {
-    if (this.timer) {
-      this.timer.stop();
-      this.timer = null;
-    }
-  }
-  subscribe(callback, duration) {
-    const subscriptionID = this.subscribers.push({
-      startTime: (0,victory_vendor_d3_timer__WEBPACK_IMPORTED_MODULE_0__.now)(),
-      callback,
-      duration: this.shouldAnimate ? duration : 0
-    });
-    this.activeSubscriptions++;
-    this.start();
-    return subscriptionID;
-  }
-  unsubscribe(id) {
-    if (id !== null && this.subscribers[id - 1]) {
-      delete this.subscribers[id - 1];
-      this.activeSubscriptions--;
-    }
-    if (this.activeSubscriptions === 0) {
-      this.stop();
-    }
-  }
-}
-/***/ }),
 /***/ "../../victory-core/es/victory-util/user-props.js":
 /*!********************************************************!*\
   !*** ../../victory-core/es/victory-util/user-props.js ***!
@@ -13326,8 +13018,9 @@ const CursorHelpers = new CursorHelpersClass();
 "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__);
@@ -13335,164 +13028,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)
+    }
+  }];
+};
 /***/ }),
@@ -13748,88 +13456,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)
+    }
+  }];
+};
 /***/ }),
@@ -13844,11 +13555,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "Flyout": function() { return /* binding */ Flyout; }
 /* 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-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/path.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/user-props.js");
+/* 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_2__ = __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-primitives/path.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/user-props.js");
 const getVerticalPath = props => {
@@ -13929,8 +13643,8 @@ const evaluateProps = props => {
    * `id`
    * `style`
    */
-  const id = victory_core__WEBPACK_IMPORTED_MODULE_1__.evaluateProp(props.id, props);
-  const style = victory_core__WEBPACK_IMPORTED_MODULE_1__.evaluateStyle(props.style, props);
+  const id = victory_core__WEBPACK_IMPORTED_MODULE_2__.evaluateProp(props.id, props);
+  const style = victory_core__WEBPACK_IMPORTED_MODULE_2__.evaluateStyle(props.style, props);
   return {
     ...props,
     id,
@@ -13938,23 +13652,20 @@ const evaluateProps = props => {
   };
 };
 const defaultProps = {
-  pathComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_2__.Path, null),
+  pathComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.Path, null),
   role: "presentation",
   shapeRendering: "auto"
 };
 const Flyout = initialProps => {
-  const props = evaluateProps({
-    ...defaultProps,
-    ...initialProps
-  });
-  const userProps = victory_core__WEBPACK_IMPORTED_MODULE_3__.getSafeUserProps(props);
+  const props = evaluateProps(lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, initialProps, defaultProps));
+  const userProps = victory_core__WEBPACK_IMPORTED_MODULE_4__.getSafeUserProps(props);
   // check for required props for this subcomponent
   // they should be passed in from the wrapper
-  victory_core__WEBPACK_IMPORTED_MODULE_3__.assert(props.height, "Flyout props[height] is undefined");
-  victory_core__WEBPACK_IMPORTED_MODULE_3__.assert(props.width, "Flyout props[width] is undefined");
-  victory_core__WEBPACK_IMPORTED_MODULE_3__.assert(props.x, "Flyout props[x] is undefined");
-  victory_core__WEBPACK_IMPORTED_MODULE_3__.assert(props.y, "Flyout props[y] is undefined");
+  victory_core__WEBPACK_IMPORTED_MODULE_4__.assert(props.height, "Flyout props[height] is undefined");
+  victory_core__WEBPACK_IMPORTED_MODULE_4__.assert(props.width, "Flyout props[width] is undefined");
+  victory_core__WEBPACK_IMPORTED_MODULE_4__.assert(props.x, "Flyout props[x] is undefined");
+  victory_core__WEBPACK_IMPORTED_MODULE_4__.assert(props.y, "Flyout props[y] is undefined");
   const flyoutPathProps = {
     center: props.center || {
       x: 0,
@@ -13971,7 +13682,7 @@ const Flyout = initialProps => {
     x: props.x,
     y: props.y
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(props.pathComponent, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(props.pathComponent, {
     ...props.events,
     ...userProps,
     style: props.style,
@@ -14490,7 +14201,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 {
@@ -14561,32 +14272,6 @@ __webpack_require__.r(__webpack_exports__);
-/***/ }),
-/***/ "../../victory-vendor/es/d3-timer.js":
-/*!*******************************************!*\
-  !*** ../../victory-vendor/es/d3-timer.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 */   "interval": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.interval; },
-/* harmony export */   "now": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.now; },
-/* harmony export */   "timeout": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.timeout; },
-/* harmony export */   "timer": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.timer; },
-/* harmony export */   "timerFlush": function() { return /* reexport safe */ d3_timer__WEBPACK_IMPORTED_MODULE_0__.timerFlush; }
-/* harmony export */ });
-/* harmony import */ var d3_timer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! d3-timer */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/index.js");
-// `victory-vendor/d3-timer` (ESM)
-// See upstream license: https://github.com/d3/d3-timer/blob/main/LICENSE
-//
-// Our ESM package uses the underlying installed dependencies of `node_modules/d3-timer`
 /***/ }),
 /***/ "../../victory-voronoi-container/es/victory-voronoi-container.js":
@@ -14598,8 +14283,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__);
@@ -14607,10 +14293,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 */
@@ -14618,204 +14304,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);
-    }
-    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 {
-        x,
-        y,
-        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);
-      }, []);
+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;
     }
-    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 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 {
-        orientation,
-        pointerLength: multiPoint ? 0 : undefined,
-        constrainToVisibleArea: multiPoint || mouseFollowTooltips ? true : undefined
+        ...basePosition,
+        center: lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()({}, labelProps.center, center)
       };
     }
-    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
+    }
+  }];
+};
 /***/ }),
@@ -15092,85 +14788,120 @@ const VoronoiHelpers = new VoronoiHelpersClass();
 "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]);
@@ -15186,110 +14917,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)
+    }
+  }];
+};
 /***/ }),
@@ -20994,221 +20666,6 @@ year.every = function(k) {
 var years = year.range;
-/***/ }),
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/index.js":
-/*!*************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/index.js ***!
-  \*************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "interval": function() { return /* reexport safe */ _interval_js__WEBPACK_IMPORTED_MODULE_2__["default"]; },
-/* harmony export */   "now": function() { return /* reexport safe */ _timer_js__WEBPACK_IMPORTED_MODULE_0__.now; },
-/* harmony export */   "timeout": function() { return /* reexport safe */ _timeout_js__WEBPACK_IMPORTED_MODULE_1__["default"]; },
-/* harmony export */   "timer": function() { return /* reexport safe */ _timer_js__WEBPACK_IMPORTED_MODULE_0__.timer; },
-/* harmony export */   "timerFlush": function() { return /* reexport safe */ _timer_js__WEBPACK_IMPORTED_MODULE_0__.timerFlush; }
-/* harmony export */ });
-/* harmony import */ var _timer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timer.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js");
-/* harmony import */ var _timeout_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./timeout.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js");
-/* harmony import */ var _interval_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./interval.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/interval.js");
-/***/ }),
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/interval.js":
-/*!****************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/interval.js ***!
-  \****************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* export default binding */ __WEBPACK_DEFAULT_EXPORT__; }
-/* harmony export */ });
-/* harmony import */ var _timer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timer.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js");
-/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(callback, delay, time) {
-  var t = new _timer_js__WEBPACK_IMPORTED_MODULE_0__.Timer, total = delay;
-  if (delay == null) return t.restart(callback, delay, time), t;
-  t._restart = t.restart;
-  t.restart = function(callback, delay, time) {
-    delay = +delay, time = time == null ? (0,_timer_js__WEBPACK_IMPORTED_MODULE_0__.now)() : +time;
-    t._restart(function tick(elapsed) {
-      elapsed += total;
-      t._restart(tick, total += delay, time);
-      callback(elapsed);
-    }, delay, time);
-  }
-  t.restart(callback, delay, time);
-  return t;
-}
-/***/ }),
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js":
-/*!***************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timeout.js ***!
-  \***************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": function() { return /* export default binding */ __WEBPACK_DEFAULT_EXPORT__; }
-/* harmony export */ });
-/* harmony import */ var _timer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./timer.js */ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js");
-/* harmony default export */ function __WEBPACK_DEFAULT_EXPORT__(callback, delay, time) {
-  var t = new _timer_js__WEBPACK_IMPORTED_MODULE_0__.Timer;
-  delay = delay == null ? 0 : +delay;
-  t.restart(elapsed => {
-    t.stop();
-    callback(elapsed + delay);
-  }, delay, time);
-  return t;
-}
-/***/ }),
-/***/ "../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js":
-/*!*************************************************************************************!*\
-  !*** ../../../node_modules/.pnpm/d3-timer@3.0.1/node_modules/d3-timer/src/timer.js ***!
-  \*************************************************************************************/
-/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Timer": function() { return /* binding */ Timer; },
-/* harmony export */   "now": function() { return /* binding */ now; },
-/* harmony export */   "timer": function() { return /* binding */ timer; },
-/* harmony export */   "timerFlush": function() { return /* binding */ timerFlush; }
-/* harmony export */ });
-var frame = 0, // is an animation frame pending?
-    timeout = 0, // is a timeout pending?
-    interval = 0, // are any timers active?
-    pokeDelay = 1000, // how frequently we check for clock skew
-    taskHead,
-    taskTail,
-    clockLast = 0,
-    clockNow = 0,
-    clockSkew = 0,
-    clock = typeof performance === "object" && performance.now ? performance : Date,
-    setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f) { setTimeout(f, 17); };
-function now() {
-  return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
-}
-function clearNow() {
-  clockNow = 0;
-}
-function Timer() {
-  this._call =
-  this._time =
-  this._next = null;
-}
-Timer.prototype = timer.prototype = {
-  constructor: Timer,
-  restart: function(callback, delay, time) {
-    if (typeof callback !== "function") throw new TypeError("callback is not a function");
-    time = (time == null ? now() : +time) + (delay == null ? 0 : +delay);
-    if (!this._next && taskTail !== this) {
-      if (taskTail) taskTail._next = this;
-      else taskHead = this;
-      taskTail = this;
-    }
-    this._call = callback;
-    this._time = time;
-    sleep();
-  },
-  stop: function() {
-    if (this._call) {
-      this._call = null;
-      this._time = Infinity;
-      sleep();
-    }
-  }
-};
-function timer(callback, delay, time) {
-  var t = new Timer;
-  t.restart(callback, delay, time);
-  return t;
-}
-function timerFlush() {
-  now(); // Get the current time, if not already set.
-  ++frame; // Pretend we’ve set an alarm, if we haven’t already.
-  var t = taskHead, e;
-  while (t) {
-    if ((e = clockNow - t._time) >= 0) t._call.call(undefined, e);
-    t = t._next;
-  }
-  --frame;
-}
-function wake() {
-  clockNow = (clockLast = clock.now()) + clockSkew;
-  frame = timeout = 0;
-  try {
-    timerFlush();
-  } finally {
-    frame = 0;
-    nap();
-    clockNow = 0;
-  }
-}
-function poke() {
-  var now = clock.now(), delay = now - clockLast;
-  if (delay > pokeDelay) clockSkew -= delay, clockLast = now;
-}
-function nap() {
-  var t0, t1 = taskHead, t2, time = Infinity;
-  while (t1) {
-    if (t1._call) {
-      if (time > t1._time) time = t1._time;
-      t0 = t1, t1 = t1._next;
-    } else {
-      t2 = t1._next, t1._next = null;
-      t1 = t0 ? t0._next = t2 : taskHead = t2;
-    }
-  }
-  taskTail = t0;
-  sleep(time);
-}
-function sleep(time) {
-  if (frame) return; // Soonest alarm already set, or will be.
-  if (timeout) timeout = clearTimeout(timeout);
-  var delay = time - clockNow; // Strictly less than if we recomputed clockNow.
-  if (delay > 24) {
-    if (time < Infinity) timeout = setTimeout(wake, time - clock.now() - clockSkew);
-    if (interval) interval = clearInterval(interval);
-  } else {
-    if (!interval) clockLast = clock.now(), interval = setInterval(poke, pokeDelay);
-    frame = 1, setFrame(wake);
-  }
-}
 /***/ }),
 /***/ "../../../node_modules/.pnpm/internmap@2.0.3/node_modules/internmap/src/index.js":
@@ -21389,11 +20846,10 @@ var __webpack_exports__ = {};
   \******************/
 __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 */ });
-/* harmony import */ var _create_container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-container */ "./create-container.ts");
+/* harmony import */ var _create_container__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-container */ "./create-container.tsx");
 }();
 /******/ 	return __webpack_exports__;