@qredence/fleet 0.6.1 → 0.6.3

package/dist/web/server/{chunk-O3HDELZ2.js → chunk-KZ35W5M7.js}

@@ -1,8 +1,3 @@
-import {
-  Badge,
-  UiErrorBoundary,
-  encodeOpenPanelActionMessage
-} from "./chunk-D27LRYVT.js";
 import {
   Card,
   CardContent,
@@ -10,16 +5,7 @@ import {
   CardHeader,
   CardTitle,
   validateAndNormalizeOpenUIHtmlArtifact
-} from "./chunk-3TIMGWWI.js";
-import {
-  OpenPanelActionSchema,
-  RightPanelIdSchema,
-  WorkspaceRelativePathSchema,
-  external_exports,
-  object,
-  registry,
-  toJSONSchema
-} from "./chunk-PLYZ7P2Y.js";
+} from "./chunk-UM3RHJNZ.js";
 import {
   Alert,
   AlertDescription,
@@ -28,7 +14,21 @@ import {
   FieldLabel,
   Separator,
   Switch
-} from "./chunk-KP2PNDGL.js";
+} from "./chunk-FTLJ66KU.js";
+import {
+  Badge,
+  UiErrorBoundary,
+  encodeOpenPanelActionMessage
+} from "./chunk-XEG4JTND.js";
+import {
+  OpenPanelActionSchema,
+  RightPanelIdSchema,
+  WorkspaceRelativePathSchema,
+  external_exports,
+  object,
+  registry,
+  toJSONSchema
+} from "./chunk-DP26GVWH.js";
 import {
   Select,
   arrow$2,
@@ -41,16 +41,14 @@ import {
   shift,
   size,
   useFloating
-} from "./chunk-NNKJTKOQ.js";
+} from "./chunk-ADYZWC5L.js";
 import {
   segmentOpenUIContent
 } from "./chunk-NFRJDPB3.js";
 import {
-  ChevronUp
-} from "./chunk-OZO5ARFA.js";
-import {
+  ChevronUp,
   isSafeExternalUrl
-} from "./chunk-L46H6IDX.js";
+} from "./chunk-BQROC4PL.js";
 import {
   ChevronDown
 } from "./chunk-WWJF4RO2.js";
@@ -84,35 +82,35 @@ import {
 } from "./chunk-7PQTPSEE.js";
 import {
   Input
-} from "./chunk-5UCAJBAH.js";
+} from "./chunk-5RTGRTPD.js";
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-4WBFCB4O.js";
+} from "./chunk-ETCO5KZK.js";
 import {
   Button,
   require_with_selector,
   visuallyHidden
-} from "./chunk-WNCAL4HN.js";
+} from "./chunk-HQ5TEXHT.js";
 import {
   useBaseUiId
-} from "./chunk-MNBGB2SP.js";
+} from "./chunk-E5HALE4M.js";
 import {
   formatErrorMessage,
   useIsoLayoutEffect,
   useRenderElement
-} from "./chunk-XIB6XNUX.js";
+} from "./chunk-XJ6TGSUB.js";
 import {
   characterEntitiesLegacy
 } from "./chunk-ST5I2PLN.js";
 import {
   Markdown
-} from "./chunk-YOM42BKD.js";
+} from "./chunk-IPV4GLJL.js";
 import {
   cn
-} from "./chunk-DJMHPJBP.js";
+} from "./chunk-CHEC7TWB.js";
 import {
   VFile,
   decodeNamedCharacterReference,
@@ -134,8 +132,8 @@ import {
   __toESM
 } from "./chunk-L547YHC4.js";
 
-// web/app/dist/server/assets/openui-renderer-MKFv6LlH.js
-import * as React$2 from "react";
+// web/app/dist/server/assets/openui-renderer-B4z18Brm.js
+import * as React2 from "react";
 import React, { Children, Component as Component2, Fragment as Fragment2, PureComponent, cloneElement as cloneElement2, createContext as createContext2, createElement as createElement2, forwardRef as forwardRef2, isValidElement as isValidElement2, memo as memo2, useCallback as useCallback2, useContext as useContext2, useEffect as useEffect2, useId as useId2, useImperativeHandle, useInsertionEffect, useLayoutEffect as useLayoutEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState2, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
@@ -22616,8 +22614,8 @@ function createCollection(name) {
   });
   const CollectionProvider = /* @__PURE__ */ __name$22((props) => {
     const { scope, children } = props;
-    const ref = React$2.useRef(null);
-    const itemMap = React$2.useRef(/* @__PURE__ */ new Map()).current;
+    const ref = React2.useRef(null);
+    const itemMap = React2.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ jsx(CollectionProviderImpl, {
       scope,
       itemMap,
@@ -22628,7 +22626,7 @@ function createCollection(name) {
   CollectionProvider.displayName = PROVIDER_NAME2;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React$2.forwardRef((props, forwardedRef) => {
+  const CollectionSlot = React2.forwardRef((props, forwardedRef) => {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
     const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
@@ -22641,12 +22639,12 @@ function createCollection(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React$2.forwardRef((props, forwardedRef) => {
+  const CollectionItemSlot = React2.forwardRef((props, forwardedRef) => {
     const { scope, children, ...itemData } = props;
-    const ref = React$2.useRef(null);
+    const ref = React2.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-    React$2.useEffect(() => {
+    React2.useEffect(() => {
       context.itemMap.set(ref, {
         ref,
         ...itemData
@@ -22662,7 +22660,7 @@ function createCollection(name) {
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useCollection2(scope) {
     const context = useCollectionContext(name + "CollectionConsumer", scope);
-    return React$2.useCallback(() => {
+    return React2.useCallback(() => {
       const collectionNode = context.collectionRef.current;
       if (!collectionNode) return [];
       const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -22994,11 +22992,11 @@ function createCollection2(name) {
   CollectionInit.displayName = PROVIDER_NAME2 + "Init";
   const CollectionProviderImpl = /* @__PURE__ */ __name$22((props) => {
     const { scope, children, state } = props;
-    const ref = React$2.useRef(null);
-    const [collectionElement, setCollectionElement] = React$2.useState(null);
+    const ref = React2.useRef(null);
+    const [collectionElement, setCollectionElement] = React2.useState(null);
     const composeRefs = useComposedRefs(ref, setCollectionElement);
     const [itemMap, setItemMap] = state;
-    React$2.useEffect(() => {
+    React2.useEffect(() => {
       if (!collectionElement) return;
       const observer = getChildListObserver(() => {
       });
@@ -23023,7 +23021,7 @@ function createCollection2(name) {
   CollectionProviderImpl.displayName = PROVIDER_NAME2 + "Impl";
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
   const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
-  const CollectionSlot = React$2.forwardRef((props, forwardedRef) => {
+  const CollectionSlot = React2.forwardRef((props, forwardedRef) => {
     const { scope, children } = props;
     const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
     const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
@@ -23036,16 +23034,16 @@ function createCollection2(name) {
   const ITEM_SLOT_NAME = name + "CollectionItemSlot";
   const ITEM_DATA_ATTR = "data-radix-collection-item";
   const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
-  const CollectionItemSlot = React$2.forwardRef((props, forwardedRef) => {
+  const CollectionItemSlot = React2.forwardRef((props, forwardedRef) => {
     const { scope, children, ...itemData } = props;
-    const ref = React$2.useRef(null);
-    const [element, setElement] = React$2.useState(null);
+    const ref = React2.useRef(null);
+    const [element, setElement] = React2.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, ref, setElement);
     const { setItemMap } = useCollectionContext(ITEM_SLOT_NAME, scope);
-    const itemDataRef = React$2.useRef(itemData);
+    const itemDataRef = React2.useRef(itemData);
     if (!shallowEqual$3(itemDataRef.current, itemData)) itemDataRef.current = itemData;
     const memoizedItemData = itemDataRef.current;
-    React$2.useEffect(() => {
+    React2.useEffect(() => {
       const itemData2 = memoizedItemData;
       setItemMap((map2) => {
         if (!element) return map2;
@@ -23081,7 +23079,7 @@ function createCollection2(name) {
   });
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
   function useInitCollection() {
-    return React$2.useState(new OrderedDict());
+    return React2.useState(new OrderedDict());
   }
   __name$22(useInitCollection, "useInitCollection");
   function useCollection2(scope) {
@@ -23139,7 +23137,7 @@ var __name$21 = (target, value) => __defProp$21(target, "name", {
 var COLLAPSIBLE_NAME = "Collapsible";
 var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
 var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
-var Collapsible = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$21(function Collapsible2(props, forwardedRef) {
+var Collapsible = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$21(function Collapsible2(props, forwardedRef) {
   const { __scopeCollapsible, open: openProp, defaultOpen, disabled, onOpenChange, ...collapsibleProps } = props;
   const [open, setOpen] = useControllableState({
     prop: openProp,
@@ -23152,7 +23150,7 @@ var Collapsible = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$21(f
     disabled,
     contentId: useId$1(),
     open,
-    onOpenToggle: React$2.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+    onOpenToggle: React2.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
     children: /* @__PURE__ */ jsx(Primitive.div, {
       "data-state": getState$4(open),
       "data-disabled": disabled ? "" : void 0,
@@ -23162,7 +23160,7 @@ var Collapsible = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$21(f
   });
 }, "Collapsible"));
 var TRIGGER_NAME$8 = "CollapsibleTrigger";
-var CollapsibleTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$21(function CollapsibleTrigger2(props, forwardedRef) {
+var CollapsibleTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$21(function CollapsibleTrigger2(props, forwardedRef) {
   const { __scopeCollapsible, ...triggerProps } = props;
   const context = useCollapsibleContext(TRIGGER_NAME$8, __scopeCollapsible);
   return /* @__PURE__ */ jsx(Primitive.button, {
@@ -23178,7 +23176,7 @@ var CollapsibleTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __na
   });
 }, "CollapsibleTrigger"));
 var CONTENT_NAME$7 = "CollapsibleContent";
-var CollapsibleContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$21(function CollapsibleContent2(props, forwardedRef) {
+var CollapsibleContent = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$21(function CollapsibleContent2(props, forwardedRef) {
   const { forceMount, ...contentProps } = props;
   const context = useCollapsibleContext(CONTENT_NAME$7, props.__scopeCollapsible);
   return /* @__PURE__ */ jsx(Presence, {
@@ -23190,20 +23188,20 @@ var CollapsibleContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __na
     })
   });
 }, "CollapsibleContent"));
-var CollapsibleContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$21(function CollapsibleContentImpl2(props, forwardedRef) {
+var CollapsibleContentImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$21(function CollapsibleContentImpl2(props, forwardedRef) {
   const { __scopeCollapsible, present, children, ...contentProps } = props;
   const context = useCollapsibleContext(CONTENT_NAME$7, __scopeCollapsible);
-  const [isPresent, setIsPresent] = React$2.useState(present);
-  const ref = React$2.useRef(null);
+  const [isPresent, setIsPresent] = React2.useState(present);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const heightRef = React$2.useRef(0);
+  const heightRef = React2.useRef(0);
   const height = heightRef.current;
-  const widthRef = React$2.useRef(0);
+  const widthRef = React2.useRef(0);
   const width = widthRef.current;
   const isOpen = context.open || isPresent;
-  const isMountAnimationPreventedRef = React$2.useRef(isOpen);
-  const originalStylesRef = React$2.useRef(void 0);
-  React$2.useEffect(() => {
+  const isMountAnimationPreventedRef = React2.useRef(isOpen);
+  const originalStylesRef = React2.useRef(void 0);
+  React2.useEffect(() => {
     const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
     return () => cancelAnimationFrame(rAF);
   }, []);
@@ -23253,9 +23251,9 @@ var __name$20 = (target, value) => __defProp$20(target, "name", {
   value,
   configurable: true
 });
-var DirectionContext = React$2.createContext(void 0);
+var DirectionContext = React2.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React$2.useContext(DirectionContext);
+  const globalDir = React2.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 __name$20(useDirection, "useDirection");
@@ -23276,7 +23274,7 @@ var ACCORDION_KEYS = [
 var [Collection$4, useCollection$4, createCollectionScope$4] = /* @__PURE__ */ createCollection(ACCORDION_NAME);
 var [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [createCollectionScope$4, createCollapsibleScope]);
 var useCollapsibleScope = createCollapsibleScope();
-var Accordion$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function Accordion2(props, forwardedRef) {
+var Accordion$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function Accordion2(props, forwardedRef) {
   const { type, ...accordionProps } = props;
   const singleProps = accordionProps;
   const multipleProps = accordionProps;
@@ -23293,7 +23291,7 @@ var Accordion$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(f
 }, "Accordion"));
 var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
 var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(ACCORDION_NAME, { collapsible: false });
-var AccordionImplSingle = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionImplSingle2(props, forwardedRef) {
+var AccordionImplSingle = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionImplSingle2(props, forwardedRef) {
   const { value: valueProp, defaultValue, onValueChange = /* @__PURE__ */ __name$19(() => {
   }, "onValueChange"), collapsible = false, ...accordionSingleProps } = props;
   const [value, setValue] = useControllableState({
@@ -23304,9 +23302,9 @@ var AccordionImplSingle = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __n
   });
   return /* @__PURE__ */ jsx(AccordionValueProvider, {
     scope: props.__scopeAccordion,
-    value: React$2.useMemo(() => value ? [value] : [], [value]),
+    value: React2.useMemo(() => value ? [value] : [], [value]),
     onItemOpen: setValue,
-    onItemClose: React$2.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
+    onItemClose: React2.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
     children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, {
       scope: props.__scopeAccordion,
       collapsible,
@@ -23317,7 +23315,7 @@ var AccordionImplSingle = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __n
     })
   });
 }, "AccordionImplSingle"));
-var AccordionImplMultiple = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionImplMultiple2(props, forwardedRef) {
+var AccordionImplMultiple = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionImplMultiple2(props, forwardedRef) {
   const { value: valueProp, defaultValue, onValueChange = /* @__PURE__ */ __name$19(() => {
   }, "onValueChange"), ...accordionMultipleProps } = props;
   const [value, setValue] = useControllableState({
@@ -23326,8 +23324,8 @@ var AccordionImplMultiple = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ _
     onChange: onValueChange,
     caller: ACCORDION_NAME
   });
-  const handleItemOpen = React$2.useCallback((itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
-  const handleItemClose = React$2.useCallback((itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)), [setValue]);
+  const handleItemOpen = React2.useCallback((itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]), [setValue]);
+  const handleItemClose = React2.useCallback((itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)), [setValue]);
   return /* @__PURE__ */ jsx(AccordionValueProvider, {
     scope: props.__scopeAccordion,
     value,
@@ -23344,9 +23342,9 @@ var AccordionImplMultiple = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ _
   });
 }, "AccordionImplMultiple"));
 var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
-var AccordionImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionImpl2(props, forwardedRef) {
+var AccordionImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionImpl2(props, forwardedRef) {
   const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
-  const accordionRef = React$2.useRef(null);
+  const accordionRef = React2.useRef(null);
   const composedRefs = useComposedRefs(accordionRef, forwardedRef);
   const getItems = useCollection$4(__scopeAccordion);
   const isDirectionLTR = useDirection(dir) === "ltr";
@@ -23414,7 +23412,7 @@ var AccordionImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19
 }, "AccordionImpl"));
 var ITEM_NAME$3 = "AccordionItem";
 var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME$3);
-var AccordionItem$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionItem2(props, forwardedRef) {
+var AccordionItem$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionItem2(props, forwardedRef) {
   const { __scopeAccordion, value, ...accordionItemProps } = props;
   const accordionContext = useAccordionContext(ITEM_NAME$3, __scopeAccordion);
   const valueContext = useAccordionValueContext(ITEM_NAME$3, __scopeAccordion);
@@ -23443,7 +23441,7 @@ var AccordionItem$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
   });
 }, "AccordionItem"));
 var HEADER_NAME = "AccordionHeader";
-var AccordionHeader = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionHeader2(props, forwardedRef) {
+var AccordionHeader = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionHeader2(props, forwardedRef) {
   const { __scopeAccordion, ...headerProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
@@ -23456,7 +23454,7 @@ var AccordionHeader = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
   });
 }, "AccordionHeader"));
 var TRIGGER_NAME$7 = "AccordionTrigger";
-var AccordionTrigger$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionTrigger2(props, forwardedRef) {
+var AccordionTrigger$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionTrigger2(props, forwardedRef) {
   const { __scopeAccordion, ...triggerProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(TRIGGER_NAME$7, __scopeAccordion);
@@ -23475,7 +23473,7 @@ var AccordionTrigger$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __na
   });
 }, "AccordionTrigger"));
 var CONTENT_NAME$6 = "AccordionContent";
-var AccordionContent$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$19(function AccordionContent2(props, forwardedRef) {
+var AccordionContent$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$19(function AccordionContent2(props, forwardedRef) {
   const { __scopeAccordion, ...contentProps } = props;
   const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
   const itemContext = useAccordionItemContext(CONTENT_NAME$6, __scopeAccordion);
@@ -25425,7 +25423,7 @@ var __name$18 = (target, value) => __defProp$18(target, "name", {
   configurable: true
 });
 function useSize(element) {
-  const [size2, setSize] = React$2.useState(void 0);
+  const [size2, setSize] = React2.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({
@@ -25469,8 +25467,8 @@ var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = /* @__PURE__ */ __name$17((props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React$2.useState(null);
-  const [placementState, setPlacementState] = React$2.useState(void 0);
+  const [anchor, setAnchor] = React2.useState(null);
+  const [placementState, setPlacementState] = React2.useState(void 0);
   return /* @__PURE__ */ jsx(PopperProvider, {
     scope: __scopePopper,
     anchor,
@@ -25481,18 +25479,18 @@ var Popper = /* @__PURE__ */ __name$17((props) => {
   });
 }, "Popper");
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$17(function PopperAnchor2(props, forwardedRef) {
+var PopperAnchor = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$17(function PopperAnchor2(props, forwardedRef) {
   const { __scopePopper, virtualRef, ...anchorProps } = props;
   const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const onAnchorChange = context.onAnchorChange;
-  const callbackRef = React$2.useCallback((node) => {
+  const callbackRef = React2.useCallback((node) => {
     ref.current = node;
     if (node) onAnchorChange(node);
   }, [onAnchorChange]);
   const composedRefs = useComposedRefs(forwardedRef, callbackRef);
-  const anchorRef = React$2.useRef(null);
-  React$2.useEffect(() => {
+  const anchorRef = React2.useRef(null);
+  React2.useEffect(() => {
     if (!virtualRef) return;
     const previousAnchor = anchorRef.current;
     anchorRef.current = virtualRef.current;
@@ -25510,12 +25508,12 @@ var PopperAnchor = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$17(
 }, "PopperAnchor"));
 var CONTENT_NAME$5 = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME$5);
-var PopperContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$17(function PopperContent2(props, forwardedRef) {
+var PopperContent = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$17(function PopperContent2(props, forwardedRef) {
   const { __scopePopper, side = "bottom", sideOffset = 0, align = "center", alignOffset = 0, arrowPadding = 0, avoidCollisions = true, collisionBoundary = [], collisionPadding: collisionPaddingProp = 0, sticky = "partial", hideWhenDetached = false, updatePositionStrategy = "optimized", onPlaced, ...contentProps } = props;
   const context = usePopperContext(CONTENT_NAME$5, __scopePopper);
-  const [content, setContent] = React$2.useState(null);
+  const [content, setContent] = React2.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setContent);
-  const [arrow$1, setArrow] = React$2.useState(null);
+  const [arrow$1, setArrow] = React2.useState(null);
   const arrowSize = useSize(arrow$1);
   const arrowWidth = arrowSize?.width ?? 0;
   const arrowHeight = arrowSize?.height ?? 0;
@@ -25594,7 +25592,7 @@ var PopperContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$17
   const arrowX = middlewareData.arrow?.x;
   const arrowY = middlewareData.arrow?.y;
   const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-  const [contentZIndex, setContentZIndex] = React$2.useState();
+  const [contentZIndex, setContentZIndex] = React2.useState();
   useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
@@ -25700,7 +25698,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 });
-var Root$6 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$16(function VisuallyHidden2(props, forwardedRef) {
+var Root$6 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$16(function VisuallyHidden2(props, forwardedRef) {
   return /* @__PURE__ */ jsx(Primitive.span, {
     ...props,
     ref: forwardedRef,
@@ -25723,10 +25721,10 @@ var TOOLTIP_OPEN = "tooltip.open";
 var [TooltipProviderContextProvider, useTooltipProviderContext] = createTooltipContext(PROVIDER_NAME);
 var TooltipProvider = /* @__PURE__ */ __name$15((props) => {
   const { __scopeTooltip, delayDuration = DEFAULT_DELAY_DURATION$1, skipDelayDuration = 300, disableHoverableContent = false, children } = props;
-  const isOpenDelayedRef = React$2.useRef(true);
-  const isPointerInTransitRef = React$2.useRef(false);
-  const skipDelayTimerRef = React$2.useRef(0);
-  React$2.useEffect(() => {
+  const isOpenDelayedRef = React2.useRef(true);
+  const isPointerInTransitRef = React2.useRef(false);
+  const skipDelayTimerRef = React2.useRef(0);
+  React2.useEffect(() => {
     const skipDelayTimer = skipDelayTimerRef.current;
     return () => window.clearTimeout(skipDelayTimer);
   }, []);
@@ -25734,18 +25732,18 @@ var TooltipProvider = /* @__PURE__ */ __name$15((props) => {
     scope: __scopeTooltip,
     isOpenDelayedRef,
     delayDuration,
-    onOpen: React$2.useCallback(() => {
+    onOpen: React2.useCallback(() => {
       if (skipDelayDuration <= 0) return;
       window.clearTimeout(skipDelayTimerRef.current);
       isOpenDelayedRef.current = false;
     }, [skipDelayDuration]),
-    onClose: React$2.useCallback(() => {
+    onClose: React2.useCallback(() => {
       if (skipDelayDuration <= 0) return;
       window.clearTimeout(skipDelayTimerRef.current);
       skipDelayTimerRef.current = window.setTimeout(() => isOpenDelayedRef.current = true, skipDelayDuration);
     }, [skipDelayDuration]),
     isPointerInTransitRef,
-    onPointerInTransitChange: React$2.useCallback((inTransit) => {
+    onPointerInTransitChange: React2.useCallback((inTransit) => {
       isPointerInTransitRef.current = inTransit;
     }, []),
     disableHoverableContent,
@@ -25758,13 +25756,13 @@ var Tooltip$2 = /* @__PURE__ */ __name$15((props) => {
   const { __scopeTooltip, children, open: openProp, defaultOpen, onOpenChange, disableHoverableContent: disableHoverableContentProp, delayDuration: delayDurationProp } = props;
   const providerContext = useTooltipProviderContext(TOOLTIP_NAME, props.__scopeTooltip);
   const popperScope = usePopperScope$2(__scopeTooltip);
-  const [trigger, setTrigger] = React$2.useState(null);
-  const [contentIdState, setContentId] = React$2.useState(void 0);
+  const [trigger, setTrigger] = React2.useState(null);
+  const [contentIdState, setContentId] = React2.useState(void 0);
   const generatedContentId = useId$1();
-  const openTimerRef = React$2.useRef(0);
+  const openTimerRef = React2.useRef(0);
   const disableHoverableContent = disableHoverableContentProp ?? providerContext.disableHoverableContent;
   const delayDuration = delayDurationProp ?? providerContext.delayDuration;
-  const wasOpenDelayedRef = React$2.useRef(false);
+  const wasOpenDelayedRef = React2.useRef(false);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -25777,21 +25775,21 @@ var Tooltip$2 = /* @__PURE__ */ __name$15((props) => {
     }, "onChange"),
     caller: TOOLTIP_NAME
   });
-  const stateAttribute = React$2.useMemo(() => {
+  const stateAttribute = React2.useMemo(() => {
     return open ? wasOpenDelayedRef.current ? "delayed-open" : "instant-open" : "closed";
   }, [open]);
-  const handleOpen = React$2.useCallback(() => {
+  const handleOpen = React2.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     wasOpenDelayedRef.current = false;
     setOpen(true);
   }, [setOpen]);
-  const handleClose = React$2.useCallback(() => {
+  const handleClose = React2.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = 0;
     setOpen(false);
   }, [setOpen]);
-  const handleDelayedOpen = React$2.useCallback(() => {
+  const handleDelayedOpen = React2.useCallback(() => {
     window.clearTimeout(openTimerRef.current);
     openTimerRef.current = window.setTimeout(() => {
       wasOpenDelayedRef.current = true;
@@ -25799,7 +25797,7 @@ var Tooltip$2 = /* @__PURE__ */ __name$15((props) => {
       openTimerRef.current = 0;
     }, delayDuration);
   }, [delayDuration, setOpen]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     return () => {
       if (openTimerRef.current) {
         window.clearTimeout(openTimerRef.current);
@@ -25818,7 +25816,7 @@ var Tooltip$2 = /* @__PURE__ */ __name$15((props) => {
       stateAttribute,
       trigger,
       onTriggerChange: setTrigger,
-      onTriggerEnter: React$2.useCallback(() => {
+      onTriggerEnter: React2.useCallback(() => {
         if (providerContext.isOpenDelayedRef.current) handleDelayedOpen();
         else handleOpen();
       }, [
@@ -25826,7 +25824,7 @@ var Tooltip$2 = /* @__PURE__ */ __name$15((props) => {
         handleDelayedOpen,
         handleOpen
       ]),
-      onTriggerLeave: React$2.useCallback(() => {
+      onTriggerLeave: React2.useCallback(() => {
         if (disableHoverableContent) handleClose();
         else {
           window.clearTimeout(openTimerRef.current);
@@ -25841,17 +25839,17 @@ var Tooltip$2 = /* @__PURE__ */ __name$15((props) => {
   });
 }, "Tooltip");
 var TRIGGER_NAME$6 = "TooltipTrigger";
-var TooltipTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$15(function TooltipTrigger2(props, forwardedRef) {
+var TooltipTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$15(function TooltipTrigger2(props, forwardedRef) {
   const { __scopeTooltip, ...triggerProps } = props;
   const context = useTooltipContext(TRIGGER_NAME$6, __scopeTooltip);
   const providerContext = useTooltipProviderContext(TRIGGER_NAME$6, __scopeTooltip);
   const popperScope = usePopperScope$2(__scopeTooltip);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref, context.onTriggerChange);
-  const isPointerDownRef = React$2.useRef(false);
-  const hasPointerMoveOpenedRef = React$2.useRef(false);
-  const handlePointerUp = React$2.useCallback(() => isPointerDownRef.current = false, []);
-  React$2.useEffect(() => {
+  const isPointerDownRef = React2.useRef(false);
+  const hasPointerMoveOpenedRef = React2.useRef(false);
+  const handlePointerUp = React2.useCallback(() => isPointerDownRef.current = false, []);
+  React2.useEffect(() => {
     return () => document.removeEventListener("pointerup", handlePointerUp);
   }, [handlePointerUp]);
   return /* @__PURE__ */ jsx(Anchor, {
@@ -25905,7 +25903,7 @@ var TooltipPortal = /* @__PURE__ */ __name$15((props) => {
   });
 }, "TooltipPortal");
 var CONTENT_NAME$4 = "TooltipContent";
-var TooltipContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$15(function TooltipContent2(props, forwardedRef) {
+var TooltipContent = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$15(function TooltipContent2(props, forwardedRef) {
   const portalContext = usePortalContext$2(CONTENT_NAME$4, props.__scopeTooltip);
   const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
   const context = useTooltipContext(CONTENT_NAME$4, props.__scopeTooltip);
@@ -25922,20 +25920,20 @@ var TooltipContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1
     })
   });
 }, "TooltipContent"));
-var TooltipContentHoverable = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$15(function TooltipContentHoverable2(props, forwardedRef) {
+var TooltipContentHoverable = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$15(function TooltipContentHoverable2(props, forwardedRef) {
   const context = useTooltipContext(CONTENT_NAME$4, props.__scopeTooltip);
   const providerContext = useTooltipProviderContext(CONTENT_NAME$4, props.__scopeTooltip);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [pointerGraceArea, setPointerGraceArea] = React$2.useState(null);
+  const [pointerGraceArea, setPointerGraceArea] = React2.useState(null);
   const { trigger, onClose } = context;
   const content = ref.current;
   const { onPointerInTransitChange } = providerContext;
-  const handleRemoveGraceArea = React$2.useCallback(() => {
+  const handleRemoveGraceArea = React2.useCallback(() => {
     setPointerGraceArea(null);
     onPointerInTransitChange(false);
   }, [onPointerInTransitChange]);
-  const handleCreateGraceArea = React$2.useCallback((event, hoverTarget) => {
+  const handleCreateGraceArea = React2.useCallback((event, hoverTarget) => {
     const currentTarget = event.currentTarget;
     const exitPoint = {
       x: event.clientX,
@@ -25947,10 +25945,10 @@ var TooltipContentHoverable = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */
     setPointerGraceArea(graceArea);
     onPointerInTransitChange(true);
   }, [onPointerInTransitChange]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     return () => handleRemoveGraceArea();
   }, [handleRemoveGraceArea]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (trigger && content) {
       const handleTriggerLeave = /* @__PURE__ */ __name$15((event) => handleCreateGraceArea(event, content), "handleTriggerLeave");
       const handleContentLeave = /* @__PURE__ */ __name$15((event) => handleCreateGraceArea(event, trigger), "handleContentLeave");
@@ -25967,7 +25965,7 @@ var TooltipContentHoverable = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */
     handleCreateGraceArea,
     handleRemoveGraceArea
   ]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (pointerGraceArea) {
       const handleTrackPointerGrace = /* @__PURE__ */ __name$15((event) => {
         const target = event.target;
@@ -25999,16 +25997,16 @@ var TooltipContentHoverable = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */
   });
 }, "TooltipContentHoverable"));
 var Slottable2 = createSlottable("TooltipContent");
-var TooltipContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$15(function TooltipContentImpl2(props, forwardedRef) {
+var TooltipContentImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$15(function TooltipContentImpl2(props, forwardedRef) {
   const { __scopeTooltip, children, "aria-label": ariaLabel, id: idProp, onEscapeKeyDown, onPointerDownOutside, ...contentProps } = props;
   const context = useTooltipContext(CONTENT_NAME$4, __scopeTooltip);
   const popperScope = usePopperScope$2(__scopeTooltip);
   const { onClose } = context;
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     document.addEventListener(TOOLTIP_OPEN, onClose);
     return () => document.removeEventListener(TOOLTIP_OPEN, onClose);
   }, [onClose]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (context.trigger) {
       const handleScroll = /* @__PURE__ */ __name$15((event) => {
         if (event.target instanceof Node && event.target.contains(context.trigger)) onClose();
@@ -33600,8 +33598,8 @@ var __name$14 = (target, value) => __defProp$14(target, "name", {
 });
 var _isHydrated = false;
 function useIsHydrated() {
-  const [isHydrated, setIsHydrated] = React$2.useState(_isHydrated);
-  React$2.useEffect(() => {
+  const [isHydrated, setIsHydrated] = React2.useState(_isHydrated);
+  React2.useEffect(() => {
     if (!_isHydrated) {
       _isHydrated = true;
       setIsHydrated(true);
@@ -33610,7 +33608,7 @@ function useIsHydrated() {
   return isHydrated;
 }
 __name$14(useIsHydrated, "useIsHydrated");
-var useReactSyncExternalStore = React$2[" useSyncExternalStore ".trim().toString()];
+var useReactSyncExternalStore = React2[" useSyncExternalStore ".trim().toString()];
 function subscribe() {
   return () => {
   };
@@ -33635,7 +33633,7 @@ var GROUP_NAME = "RovingFocusGroup";
 var [Collection$3, useCollection$3, createCollectionScope$3] = /* @__PURE__ */ createCollection(GROUP_NAME);
 var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(GROUP_NAME, [createCollectionScope$3]);
 var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-var RovingFocusGroup = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroup2(props, forwardedRef) {
+var RovingFocusGroup = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroup2(props, forwardedRef) {
   return /* @__PURE__ */ jsx(Collection$3.Provider, {
     scope: props.__scopeRovingFocusGroup,
     children: /* @__PURE__ */ jsx(Collection$3.Slot, {
@@ -33647,9 +33645,9 @@ var RovingFocusGroup = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name
     })
   });
 }, "RovingFocusGroup"));
-var RovingFocusGroupImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroupImpl2(props, forwardedRef) {
+var RovingFocusGroupImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroupImpl2(props, forwardedRef) {
   const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, preventScrollOnEntryFocus = false, ...groupProps } = props;
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const direction = useDirection(dir);
   const [currentTabStopId, setCurrentTabStopId] = useControllableState({
@@ -33658,12 +33656,12 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __
     onChange: onCurrentTabStopIdChange,
     caller: GROUP_NAME
   });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React$2.useState(false);
+  const [isTabbingBackOut, setIsTabbingBackOut] = React2.useState(false);
   const handleEntryFocus = useCallbackRef$1(onEntryFocus);
   const getItems = useCollection$3(__scopeRovingFocusGroup);
-  const isClickFocusRef = React$2.useRef(false);
-  const [focusableItemsCount, setFocusableItemsCount] = React$2.useState(0);
-  React$2.useEffect(() => {
+  const isClickFocusRef = React2.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React2.useState(0);
+  React2.useEffect(() => {
     const node = ref.current;
     if (node) {
       node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
@@ -33676,10 +33674,10 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __
     dir: direction,
     loop,
     currentTabStopId,
-    onItemFocus: React$2.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
-    onItemShiftTab: React$2.useCallback(() => setIsTabbingBackOut(true), []),
-    onFocusableItemAdd: React$2.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
-    onFocusableItemRemove: React$2.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
+    onItemFocus: React2.useCallback((tabStopId) => setCurrentTabStopId(tabStopId), [setCurrentTabStopId]),
+    onItemShiftTab: React2.useCallback(() => setIsTabbingBackOut(true), []),
+    onFocusableItemAdd: React2.useCallback(() => setFocusableItemsCount((prevCount) => prevCount + 1), []),
+    onFocusableItemRemove: React2.useCallback(() => setFocusableItemsCount((prevCount) => prevCount - 1), []),
     children: /* @__PURE__ */ jsx(Primitive.div, {
       tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
       "data-orientation": orientation,
@@ -33713,7 +33711,7 @@ var RovingFocusGroupImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __
   });
 }, "RovingFocusGroupImpl"));
 var ITEM_NAME$2 = "RovingFocusGroupItem";
-var RovingFocusGroupItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroupItem2(props, forwardedRef) {
+var RovingFocusGroupItem = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$13(function RovingFocusGroupItem2(props, forwardedRef) {
   const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, children, ...itemProps } = props;
   const autoId = useId$1();
   const id = tabStopId || autoId;
@@ -33732,7 +33730,7 @@ var RovingFocusGroupItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __
     onFocusableItemAdd,
     onFocusableItemRemove
   ]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (isHydrated || !focusable) return;
     onFocusableItemAdd();
     return () => onFocusableItemRemove();
@@ -33853,11 +33851,11 @@ var [MenuRootProvider, useMenuRootContext] = createMenuContext(MENU_NAME);
 var Menu = /* @__PURE__ */ __name$12((props) => {
   const { __scopeMenu, open = false, children, dir, onOpenChange, modal = true } = props;
   const popperScope = usePopperScope$1(__scopeMenu);
-  const [content, setContent] = React$2.useState(null);
-  const isUsingKeyboardRef = React$2.useRef(false);
+  const [content, setContent] = React2.useState(null);
+  const isUsingKeyboardRef = React2.useRef(false);
   const handleOpenChange = useCallbackRef$1(onOpenChange);
   const direction = useDirection(dir);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     const handleKeyDown = /* @__PURE__ */ __name$12(() => {
       isUsingKeyboardRef.current = true;
       document.addEventListener("pointerdown", handlePointer, {
@@ -33877,7 +33875,7 @@ var Menu = /* @__PURE__ */ __name$12((props) => {
       document.removeEventListener("pointermove", handlePointer, { capture: true });
     };
   }, []);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) return;
     const handleBlur = /* @__PURE__ */ __name$12(() => handleOpenChange(false), "handleBlur");
     window.addEventListener("blur", handleBlur);
@@ -33893,7 +33891,7 @@ var Menu = /* @__PURE__ */ __name$12((props) => {
       onContentChange: setContent,
       children: /* @__PURE__ */ jsx(MenuRootProvider, {
         scope: __scopeMenu,
-        onClose: React$2.useCallback(() => handleOpenChange(false), [handleOpenChange]),
+        onClose: React2.useCallback(() => handleOpenChange(false), [handleOpenChange]),
         isUsingKeyboardRef,
         dir: direction,
         modal,
@@ -33902,7 +33900,7 @@ var Menu = /* @__PURE__ */ __name$12((props) => {
     })
   });
 }, "Menu");
-var MenuAnchor = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuAnchor2(props, forwardedRef) {
+var MenuAnchor = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuAnchor2(props, forwardedRef) {
   const { __scopeMenu, ...anchorProps } = props;
   const popperScope = usePopperScope$1(__scopeMenu);
   return /* @__PURE__ */ jsx(Anchor, {
@@ -33931,7 +33929,7 @@ var MenuPortal = /* @__PURE__ */ __name$12((props) => {
 }, "MenuPortal");
 var CONTENT_NAME$3 = "MenuContent";
 var [MenuContentProvider, useMenuContentContext] = createMenuContext(CONTENT_NAME$3);
-var MenuContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuContent2(props, forwardedRef) {
+var MenuContent = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuContent2(props, forwardedRef) {
   const portalContext = usePortalContext$1(CONTENT_NAME$3, props.__scopeMenu);
   const { forceMount = portalContext.forceMount, ...contentProps } = props;
   const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
@@ -33953,11 +33951,11 @@ var MenuContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(f
     })
   });
 }, "MenuContent"));
-var MenuRootContentModal = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuRootContentModal2(props, forwardedRef) {
+var MenuRootContentModal = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuRootContentModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     const content = ref.current;
     if (content) return hideOthers(content);
   }, []);
@@ -33971,7 +33969,7 @@ var MenuRootContentModal = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __
     onDismiss: () => context.onOpenChange(false)
   });
 }, "MenuRootContentModal"));
-var MenuRootContentNonModal = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuRootContentNonModal2(props, forwardedRef) {
+var MenuRootContentNonModal = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuRootContentNonModal2(props, forwardedRef) {
   const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
   return /* @__PURE__ */ jsx(MenuContentImpl, {
     ...props,
@@ -33983,23 +33981,23 @@ var MenuRootContentNonModal = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */
   });
 }, "MenuRootContentNonModal"));
 var Slot$12 = createSlot("MenuContent.ScrollLock");
-var MenuContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuContentImpl2(props, forwardedRef) {
+var MenuContentImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuContentImpl2(props, forwardedRef) {
   const { __scopeMenu, loop = false, trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEntryFocus, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onDismiss, disableOutsideScroll, ...contentProps } = props;
   const context = useMenuContext(CONTENT_NAME$3, __scopeMenu);
   const rootContext = useMenuRootContext(CONTENT_NAME$3, __scopeMenu);
   const popperScope = usePopperScope$1(__scopeMenu);
   const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeMenu);
   const getItems = useCollection$2(__scopeMenu);
-  const [currentItemId, setCurrentItemId] = React$2.useState(null);
-  const contentRef = React$2.useRef(null);
+  const [currentItemId, setCurrentItemId] = React2.useState(null);
+  const contentRef = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, contentRef, context.onContentChange);
-  const timerRef = React$2.useRef(0);
-  const searchRef = React$2.useRef("");
-  const pointerGraceTimerRef = React$2.useRef(0);
-  const pointerGraceIntentRef = React$2.useRef(null);
-  const pointerDirRef = React$2.useRef("right");
-  const lastPointerXRef = React$2.useRef(0);
-  const ScrollLockWrapper = disableOutsideScroll ? ReactRemoveScroll : React$2.Fragment;
+  const timerRef = React2.useRef(0);
+  const searchRef = React2.useRef("");
+  const pointerGraceTimerRef = React2.useRef(0);
+  const pointerGraceIntentRef = React2.useRef(null);
+  const pointerDirRef = React2.useRef("right");
+  const lastPointerXRef = React2.useRef(0);
+  const ScrollLockWrapper = disableOutsideScroll ? ReactRemoveScroll : React2.Fragment;
   const scrollLockWrapperProps = disableOutsideScroll ? {
     as: Slot$12,
     allowPinchZoom: true
@@ -34018,29 +34016,29 @@ var MenuContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
     }), "updateSearch"))(search);
     if (newItem) setTimeout(() => newItem.focus());
   }, "handleTypeaheadSearch");
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   useFocusGuards();
-  const isPointerMovingToSubmenu = React$2.useCallback((event) => {
+  const isPointerMovingToSubmenu = React2.useCallback((event) => {
     return pointerDirRef.current === pointerGraceIntentRef.current?.side && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
   }, []);
   return /* @__PURE__ */ jsx(MenuContentProvider, {
     scope: __scopeMenu,
     searchRef,
-    onItemEnter: React$2.useCallback((event) => {
+    onItemEnter: React2.useCallback((event) => {
       if (isPointerMovingToSubmenu(event)) event.preventDefault();
     }, [isPointerMovingToSubmenu]),
-    onItemLeave: React$2.useCallback((event) => {
+    onItemLeave: React2.useCallback((event) => {
       if (isPointerMovingToSubmenu(event)) return;
       contentRef.current?.focus();
       setCurrentItemId(null);
     }, [isPointerMovingToSubmenu]),
-    onTriggerLeave: React$2.useCallback((event) => {
+    onTriggerLeave: React2.useCallback((event) => {
       if (isPointerMovingToSubmenu(event)) event.preventDefault();
     }, [isPointerMovingToSubmenu]),
     pointerGraceTimerRef,
-    onPointerGraceIntentChange: React$2.useCallback((intent) => {
+    onPointerGraceIntentChange: React2.useCallback((intent) => {
       pointerGraceIntentRef.current = intent;
     }, []),
     children: /* @__PURE__ */ jsx(ScrollLockWrapper, {
@@ -34126,13 +34124,13 @@ var MenuContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
 }, "MenuContentImpl"));
 var ITEM_NAME$1 = "MenuItem";
 var ITEM_SELECT = "menu.itemSelect";
-var MenuItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuItem2(props, forwardedRef) {
+var MenuItem = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuItem2(props, forwardedRef) {
   const { disabled = false, onSelect, ...itemProps } = props;
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const rootContext = useMenuRootContext(ITEM_NAME$1, props.__scopeMenu);
   const contentContext = useMenuContentContext(ITEM_NAME$1, props.__scopeMenu);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const isPointerDownRef = React$2.useRef(false);
+  const isPointerDownRef = React2.useRef(false);
   const handleSelect = /* @__PURE__ */ __name$12(() => {
     const menuItem = ref.current;
     if (!disabled && menuItem) {
@@ -34168,15 +34166,15 @@ var MenuItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(func
     })
   });
 }, "MenuItem"));
-var MenuItemImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$12(function MenuItemImpl2(props, forwardedRef) {
+var MenuItemImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$12(function MenuItemImpl2(props, forwardedRef) {
   const { __scopeMenu, disabled = false, textValue, ...itemProps } = props;
   const contentContext = useMenuContentContext(ITEM_NAME$1, __scopeMenu);
   const rovingFocusGroupScope = useRovingFocusGroupScope$2(__scopeMenu);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const [isFocused, setIsFocused] = React$2.useState(false);
-  const [textContent, setTextContent] = React$2.useState("");
-  React$2.useEffect(() => {
+  const [isFocused, setIsFocused] = React2.useState(false);
+  const [textContent, setTextContent] = React2.useState("");
+  React2.useEffect(() => {
     const menuItem = ref.current;
     if (menuItem) setTextContent((menuItem.textContent ?? "").trim());
   }, [itemProps.children]);
@@ -34294,7 +34292,7 @@ var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(D
 var DropdownMenu = /* @__PURE__ */ __name$11((props) => {
   const { __scopeDropdownMenu, children, dir, open: openProp, defaultOpen, onOpenChange, modal = true } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const triggerRef = React$2.useRef(null);
+  const triggerRef = React2.useRef(null);
   const [open, setOpen] = useControllableState({
     prop: openProp,
     defaultProp: defaultOpen ?? false,
@@ -34308,7 +34306,7 @@ var DropdownMenu = /* @__PURE__ */ __name$11((props) => {
     contentId: useId$1(),
     open,
     onOpenChange: setOpen,
-    onOpenToggle: React$2.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+    onOpenToggle: React2.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
     modal,
     children: /* @__PURE__ */ jsx(Root3, {
       ...menuScope,
@@ -34321,7 +34319,7 @@ var DropdownMenu = /* @__PURE__ */ __name$11((props) => {
   });
 }, "DropdownMenu");
 var TRIGGER_NAME$5 = "DropdownMenuTrigger";
-var DropdownMenuTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$11(function DropdownMenuTrigger2(props, forwardedRef) {
+var DropdownMenuTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$11(function DropdownMenuTrigger2(props, forwardedRef) {
   const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
   const context = useDropdownMenuContext(TRIGGER_NAME$5, __scopeDropdownMenu);
   const menuScope = useMenuScope(__scopeDropdownMenu);
@@ -34368,11 +34366,11 @@ var DropdownMenuPortal = /* @__PURE__ */ __name$11((props) => {
   });
 }, "DropdownMenuPortal");
 var CONTENT_NAME$2 = "DropdownMenuContent";
-var DropdownMenuContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$11(function DropdownMenuContent2(props, forwardedRef) {
+var DropdownMenuContent = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$11(function DropdownMenuContent2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...contentProps } = props;
   const context = useDropdownMenuContext(CONTENT_NAME$2, __scopeDropdownMenu);
   const menuScope = useMenuScope(__scopeDropdownMenu);
-  const hasInteractedOutsideRef = React$2.useRef(false);
+  const hasInteractedOutsideRef = React2.useRef(false);
   return /* @__PURE__ */ jsx(Content2$1, {
     id: context.contentId,
     "aria-labelledby": context.triggerId,
@@ -34400,7 +34398,7 @@ var DropdownMenuContent = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __n
     }
   });
 }, "DropdownMenuContent"));
-var DropdownMenuItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$11(function DropdownMenuItem2(props, forwardedRef) {
+var DropdownMenuItem = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$11(function DropdownMenuItem2(props, forwardedRef) {
   const { __scopeDropdownMenu, ...itemProps } = props;
   const menuScope = useMenuScope(__scopeDropdownMenu);
   return /* @__PURE__ */ jsx(Item2$1, {
@@ -38185,11 +38183,11 @@ var __name$9 = (target, value) => __defProp$9(target, "name", {
   configurable: true
 });
 function usePrevious(value) {
-  const ref = React$2.useRef({
+  const ref = React2.useRef({
     value,
     previous: value
   });
-  return React$2.useMemo(() => {
+  return React2.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -38219,9 +38217,9 @@ var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectC
 function SelectProvider(props) {
   const { __scopeSelect, children, open: openProp, defaultOpen, onOpenChange, value: valueProp, defaultValue, onValueChange, dir, name, autoComplete, disabled, required, form, internal_do_not_use_render } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  const [trigger, setTrigger] = React$2.useState(null);
-  const [valueNode, setValueNode] = React$2.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React$2.useState(false);
+  const [trigger, setTrigger] = React2.useState(null);
+  const [valueNode, setValueNode] = React2.useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = React2.useState(false);
   const direction = useDirection(dir);
   const [open, setOpen] = useControllableState({
     prop: openProp,
@@ -38235,9 +38233,9 @@ function SelectProvider(props) {
     onChange: onValueChange,
     caller: SELECT_NAME
   });
-  const triggerPointerDownPosRef = React$2.useRef(null);
-  const initialValueRef = React$2.useRef(value);
-  React$2.useEffect(() => {
+  const triggerPointerDownPosRef = React2.useRef(null);
+  const initialValueRef = React2.useRef(value);
+  React2.useEffect(() => {
     const associatedForm = form ? trigger?.ownerDocument.getElementById(form) : trigger?.form;
     if (associatedForm instanceof HTMLFormElement) {
       const reset = /* @__PURE__ */ __name$8(() => setValue(initialValueRef.current), "reset");
@@ -38250,13 +38248,13 @@ function SelectProvider(props) {
     setValue
   ]);
   const isFormControl = trigger ? !!form || !!trigger.closest("form") : true;
-  const [nativeOptionsSet, setNativeOptionsSet] = React$2.useState(/* @__PURE__ */ new Set());
+  const [nativeOptionsSet, setNativeOptionsSet] = React2.useState(/* @__PURE__ */ new Set());
   const contentId = useId$1();
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  const handleNativeOptionAdd = React$2.useCallback((option) => {
+  const handleNativeOptionAdd = React2.useCallback((option) => {
     setNativeOptionsSet((prev) => new Set(prev).add(option));
   }, []);
-  const handleNativeOptionRemove = React$2.useCallback((option) => {
+  const handleNativeOptionRemove = React2.useCallback((option) => {
     setNativeOptionsSet((prev) => {
       const optionsSet = new Set(prev);
       optionsSet.delete(option);
@@ -38313,14 +38311,14 @@ var Select$2 = /* @__PURE__ */ __name$8((props) => {
   });
 }, "Select");
 var TRIGGER_NAME$4 = "SelectTrigger";
-var SelectTrigger$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectTrigger2(props, forwardedRef) {
+var SelectTrigger$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectTrigger2(props, forwardedRef) {
   const { __scopeSelect, disabled = false, ...triggerProps } = props;
   const popperScope = usePopperScope(__scopeSelect);
   const context = useSelectContext(TRIGGER_NAME$4, __scopeSelect);
   const isDisabled = context.disabled || disabled;
   const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
   const getItems = useCollection$1(__scopeSelect);
-  const pointerTypeRef = React$2.useRef("touch");
+  const pointerTypeRef = React2.useRef("touch");
   const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
     const enabledItems = getItems().filter((item) => !item.disabled);
     const nextItem = findNextItem(enabledItems, search, enabledItems.find((item) => item.value === context.value));
@@ -38379,7 +38377,7 @@ var SelectTrigger$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
   });
 }, "SelectTrigger"));
 var VALUE_NAME = "SelectValue";
-var SelectValue$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectValue2(props, forwardedRef) {
+var SelectValue$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectValue2(props, forwardedRef) {
   const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
   const context = useSelectContext(VALUE_NAME, __scopeSelect);
   const { onValueNodeHasChildrenChange } = context;
@@ -38394,10 +38392,10 @@ var SelectValue$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(
     asChild: showPlaceholder ? false : valueProps.asChild,
     ref: composedRefs,
     style: { pointerEvents: "none" },
-    children: /* @__PURE__ */ jsx(React$2.Fragment, { children: showPlaceholder ? placeholder : children }, showPlaceholder ? "placeholder" : "value")
+    children: /* @__PURE__ */ jsx(React2.Fragment, { children: showPlaceholder ? placeholder : children }, showPlaceholder ? "placeholder" : "value")
   });
 }, "SelectValue"));
-var SelectIcon = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectIcon2(props, forwardedRef) {
+var SelectIcon = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectIcon2(props, forwardedRef) {
   const { __scopeSelect, children, ...iconProps } = props;
   return /* @__PURE__ */ jsx(Primitive.span, {
     "aria-hidden": true,
@@ -38419,11 +38417,11 @@ var SelectPortal = /* @__PURE__ */ __name$8((props) => {
   });
 }, "SelectPortal");
 var CONTENT_NAME$1 = "SelectContent";
-var SelectContent$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectContent2(props, forwardedRef) {
+var SelectContent$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectContent2(props, forwardedRef) {
   const portalContext = usePortalContext(CONTENT_NAME$1, props.__scopeSelect);
   const { forceMount = portalContext.forceMount, ...contentProps } = props;
   const context = useSelectContext(CONTENT_NAME$1, props.__scopeSelect);
-  const [fragment, setFragment] = React$2.useState();
+  const [fragment, setFragment] = React2.useState();
   useLayoutEffect2(() => {
     setFragment(new DocumentFragment());
   }, []);
@@ -38438,7 +38436,7 @@ var SelectContent$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
     })
   });
 }, "SelectContent"));
-var SelectContentFragment = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectContentFragment2(props, forwardedRef) {
+var SelectContentFragment = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectContentFragment2(props, forwardedRef) {
   const { __scopeSelect, children, fragment } = props;
   if (!fragment) return null;
   return ReactDOM.createPortal(/* @__PURE__ */ jsx(SelectContentProvider, {
@@ -38455,23 +38453,23 @@ var SelectContentFragment = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ _
 var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME$1);
 var Slot = createSlot("SelectContent.RemoveScroll");
-var SelectContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectContentImpl2(props, forwardedRef) {
+var SelectContentImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectContentImpl2(props, forwardedRef) {
   const { __scopeSelect } = props;
   const { position = "item-aligned", onCloseAutoFocus, onEscapeKeyDown, onPointerDownOutside, side, sideOffset, align, alignOffset, arrowPadding, collisionBoundary, collisionPadding, sticky, hideWhenDetached, avoidCollisions, ...contentProps } = props;
   const context = useSelectContext(CONTENT_NAME$1, __scopeSelect);
-  const [content, setContent] = React$2.useState(null);
-  const [viewport, setViewport] = React$2.useState(null);
+  const [content, setContent] = React2.useState(null);
+  const [viewport, setViewport] = React2.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setContent);
-  const [selectedItem, setSelectedItem] = React$2.useState(null);
-  const [selectedItemText, setSelectedItemText] = React$2.useState(null);
+  const [selectedItem, setSelectedItem] = React2.useState(null);
+  const [selectedItemText, setSelectedItemText] = React2.useState(null);
   const getItems = useCollection$1(__scopeSelect);
-  const [isPositioned, setIsPositioned] = React$2.useState(false);
-  const firstValidItemFoundRef = React$2.useRef(false);
-  React$2.useEffect(() => {
+  const [isPositioned, setIsPositioned] = React2.useState(false);
+  const firstValidItemFoundRef = React2.useRef(false);
+  React2.useEffect(() => {
     if (content) return hideOthers(content);
   }, [content]);
   useFocusGuards();
-  const focusFirst2 = React$2.useCallback((candidates) => {
+  const focusFirst2 = React2.useCallback((candidates) => {
     const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
     const [lastItem] = restItems.slice(-1);
     const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
@@ -38484,16 +38482,16 @@ var SelectContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
       if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
     }
   }, [getItems, viewport]);
-  const focusSelectedItem = React$2.useCallback(() => focusFirst2([selectedItem, content]), [
+  const focusSelectedItem = React2.useCallback(() => focusFirst2([selectedItem, content]), [
     focusFirst2,
     selectedItem,
     content
   ]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (isPositioned) focusSelectedItem();
   }, [isPositioned, focusSelectedItem]);
   const { onOpenChange, triggerPointerDownPosRef } = context;
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (content) {
       let pointerMoveDelta = {
         x: 0,
@@ -38528,7 +38526,7 @@ var SelectContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
     onOpenChange,
     triggerPointerDownPosRef
   ]);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     const close = /* @__PURE__ */ __name$8(() => onOpenChange(false), "close");
     window.addEventListener("blur", close);
     window.addEventListener("resize", close);
@@ -38542,15 +38540,15 @@ var SelectContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
     const nextItem = findNextItem(enabledItems, search, enabledItems.find((item) => item.ref.current === document.activeElement));
     if (nextItem) setTimeout(() => nextItem.ref.current?.focus());
   });
-  const itemRefCallback = React$2.useCallback((node, value, disabled) => {
+  const itemRefCallback = React2.useCallback((node, value, disabled) => {
     const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
     if (context.value !== void 0 && context.value === value || isFirstValidItem) {
       setSelectedItem(node);
       if (isFirstValidItem) firstValidItemFoundRef.current = true;
     }
   }, [context.value]);
-  const handleItemLeave = React$2.useCallback(() => content?.focus(), [content]);
-  const itemTextRefCallback = React$2.useCallback((node, value, disabled) => {
+  const handleItemLeave = React2.useCallback(() => content?.focus(), [content]);
+  const itemTextRefCallback = React2.useCallback((node, value, disabled) => {
     const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
     if (context.value !== void 0 && context.value === value || isFirstValidItem) setSelectedItemText(node);
   }, [context.value]);
@@ -38644,18 +38642,18 @@ var SelectContentImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
     })
   });
 }, "SelectContentImpl"));
-var SelectItemAlignedPosition = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectItemAlignedPosition2(props, forwardedRef) {
+var SelectItemAlignedPosition = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectItemAlignedPosition2(props, forwardedRef) {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
   const context = useSelectContext(CONTENT_NAME$1, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME$1, __scopeSelect);
-  const [contentWrapper, setContentWrapper] = React$2.useState(null);
-  const [content, setContent] = React$2.useState(null);
+  const [contentWrapper, setContentWrapper] = React2.useState(null);
+  const [content, setContent] = React2.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setContent);
   const getItems = useCollection$1(__scopeSelect);
-  const shouldExpandOnScrollRef = React$2.useRef(false);
-  const shouldRepositionRef = React$2.useRef(true);
+  const shouldExpandOnScrollRef = React2.useRef(false);
+  const shouldRepositionRef = React2.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-  const position = React$2.useCallback(() => {
+  const position = React2.useCallback(() => {
     if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
       const triggerRect = context.trigger.getBoundingClientRect();
       const contentRect = content.getBoundingClientRect();
@@ -38733,11 +38731,11 @@ var SelectItemAlignedPosition = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__
     onPlaced
   ]);
   useLayoutEffect2(() => position(), [position]);
-  const [contentZIndex, setContentZIndex] = React$2.useState();
+  const [contentZIndex, setContentZIndex] = React2.useState();
   useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  const handleScrollButtonChange = React$2.useCallback((node) => {
+  const handleScrollButtonChange = React2.useCallback((node) => {
     if (node && shouldRepositionRef.current === true) {
       position();
       focusSelectedItem?.();
@@ -38769,7 +38767,7 @@ var SelectItemAlignedPosition = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__
     })
   });
 }, "SelectItemAlignedPosition"));
-var SelectPopperPosition = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectPopperPosition2(props, forwardedRef) {
+var SelectPopperPosition = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectPopperPosition2(props, forwardedRef) {
   const { __scopeSelect, align = "start", collisionPadding = CONTENT_MARGIN, ...popperProps } = props;
   const popperScope = usePopperScope(__scopeSelect);
   return /* @__PURE__ */ jsx(Content$2, {
@@ -38791,12 +38789,12 @@ var SelectPopperPosition = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __
 }, "SelectPopperPosition"));
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME$1, {});
 var VIEWPORT_NAME = "SelectViewport";
-var SelectViewport = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectViewport2(props, forwardedRef) {
+var SelectViewport = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectViewport2(props, forwardedRef) {
   const { __scopeSelect, nonce, ...viewportProps } = props;
   const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
   const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
   const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
-  const prevScrollTopRef = React$2.useRef(0);
+  const prevScrollTopRef = React2.useRef(0);
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("style", {
     dangerouslySetInnerHTML: { __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}` },
     nonce
@@ -38841,7 +38839,7 @@ var SelectViewport = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8
   })] });
 }, "SelectViewport"));
 var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext("SelectGroup");
-var SelectGroup$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectGroup2(props, forwardedRef) {
+var SelectGroup$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectGroup2(props, forwardedRef) {
   const { __scopeSelect, ...groupProps } = props;
   const groupId = useId$1();
   return /* @__PURE__ */ jsx(SelectGroupContextProvider, {
@@ -38856,7 +38854,7 @@ var SelectGroup$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(
   });
 }, "SelectGroup"));
 var LABEL_NAME = "SelectLabel";
-var SelectLabel$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectLabel2(props, forwardedRef) {
+var SelectLabel$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectLabel2(props, forwardedRef) {
   const { __scopeSelect, ...labelProps } = props;
   const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
   return /* @__PURE__ */ jsx(Primitive.div, {
@@ -38867,17 +38865,17 @@ var SelectLabel$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(
 }, "SelectLabel"));
 var ITEM_NAME = "SelectItem";
 var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-var SelectItem$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectItem2(props, forwardedRef) {
+var SelectItem$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectItem2(props, forwardedRef) {
   const { __scopeSelect, value, disabled = false, textValue: textValueProp, ...itemProps } = props;
   const context = useSelectContext(ITEM_NAME, __scopeSelect);
   const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
   const isSelected = context.value === value;
-  const [textValue, setTextValue] = React$2.useState(textValueProp ?? "");
-  const [isFocused, setIsFocused] = React$2.useState(false);
+  const [textValue, setTextValue] = React2.useState(textValueProp ?? "");
+  const [isFocused, setIsFocused] = React2.useState(false);
   const handleItemRefCallback = useCallbackRef$1((node) => contentContext.itemRefCallback?.(node, value, disabled));
   const composedRefs = useComposedRefs(forwardedRef, handleItemRefCallback);
   const textId = useId$1();
-  const pointerTypeRef = React$2.useRef("touch");
+  const pointerTypeRef = React2.useRef("touch");
   const handleSelect = /* @__PURE__ */ __name$8(() => {
     if (!disabled) {
       context.onValueChange(value);
@@ -38890,7 +38888,7 @@ var SelectItem$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(f
     disabled,
     textId,
     isSelected,
-    onItemTextChange: React$2.useCallback((node) => {
+    onItemTextChange: React2.useCallback((node) => {
       setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
     }, []),
     children: /* @__PURE__ */ jsx(Collection$1.ItemSlot, {
@@ -38939,17 +38937,17 @@ var SelectItem$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(f
   });
 }, "SelectItem"));
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemText = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectItemText2(props, forwardedRef) {
+var SelectItemText = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectItemText2(props, forwardedRef) {
   const { __scopeSelect, className, style, ...itemTextProps } = props;
   const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
   const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
   const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
   const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
-  const [itemTextNode, setItemTextNode] = React$2.useState(null);
+  const [itemTextNode, setItemTextNode] = React2.useState(null);
   const handleItemTextRefCallback = useCallbackRef$1((node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled));
   const composedRefs = useComposedRefs(forwardedRef, setItemTextNode, itemContext.onItemTextChange, handleItemTextRefCallback);
   const textContent = itemTextNode?.textContent;
-  const nativeOption = React$2.useMemo(() => /* @__PURE__ */ jsx("option", {
+  const nativeOption = React2.useMemo(() => /* @__PURE__ */ jsx("option", {
     value: itemContext.value,
     disabled: itemContext.disabled,
     children: textContent
@@ -38974,7 +38972,7 @@ var SelectItemText = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8
   }), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren && !shouldShowPlaceholder(context.value) ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null] });
 }, "SelectItemText"));
 var ITEM_INDICATOR_NAME = "SelectItemIndicator";
-var SelectItemIndicator = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectItemIndicator2(props, forwardedRef) {
+var SelectItemIndicator = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectItemIndicator2(props, forwardedRef) {
   const { __scopeSelect, ...itemIndicatorProps } = props;
   return useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect).isSelected ? /* @__PURE__ */ jsx(Primitive.span, {
     "aria-hidden": true,
@@ -38982,7 +38980,7 @@ var SelectItemIndicator = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __n
     ref: forwardedRef
   }) : null;
 }, "SelectItemIndicator"));
-var SelectSeparator$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectSeparator2(props, forwardedRef) {
+var SelectSeparator$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectSeparator2(props, forwardedRef) {
   const { __scopeSelect, ...separatorProps } = props;
   return /* @__PURE__ */ jsx(Primitive.div, {
     "aria-hidden": true,
@@ -38991,16 +38989,16 @@ var SelectSeparator$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
   });
 }, "SelectSeparator"));
 var BUBBLE_INPUT_NAME$4 = "SelectBubbleInput";
-var SelectBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$8(function SelectBubbleInput2({ __scopeSelect, ...props }, forwardedRef) {
+var SelectBubbleInput = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$8(function SelectBubbleInput2({ __scopeSelect, ...props }, forwardedRef) {
   const context = useSelectContext(BUBBLE_INPUT_NAME$4, __scopeSelect);
   const { value, onValueChange, required, disabled, name, autoComplete, form } = context;
   const { nativeOptions, nativeSelectKey } = context;
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const selectValue = value ?? "";
   const prevValue = usePrevious(selectValue);
   const hasEmptyValueOption = Array.from(nativeOptions).some((option) => (option.props.value ?? "") === "");
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     const select = ref.current;
     if (!select) return;
     const selectProto = window.HTMLSelectElement.prototype;
@@ -39040,9 +39038,9 @@ function shouldShowPlaceholder(value) {
 __name$8(shouldShowPlaceholder, "shouldShowPlaceholder");
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = useCallbackRef$1(onSearchChange);
-  const searchRef = React$2.useRef("");
-  const timerRef = React$2.useRef(0);
-  const handleTypeaheadSearch = React$2.useCallback((key) => {
+  const searchRef = React2.useRef("");
+  const timerRef = React2.useRef(0);
+  const handleTypeaheadSearch = React2.useCallback((key) => {
     const search = searchRef.current + key;
     handleSearchChange(search);
     (/* @__PURE__ */ __name$8((function updateSearch(value) {
@@ -39051,11 +39049,11 @@ function useTypeaheadSearch(onSearchChange) {
       if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
     }), "updateSearch"))(search);
   }, [handleSearchChange]);
-  const resetTypeahead = React$2.useCallback(() => {
+  const resetTypeahead = React2.useCallback(() => {
     searchRef.current = "";
     window.clearTimeout(timerRef.current);
   }, []);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   return [
@@ -51497,7 +51495,7 @@ var Curve$1 = function Curve(props) {
   var className = props.className, points = props.points, path2 = props.path, pathRef = props.pathRef;
   if ((!points || !points.length) && !path2) return null;
   var realPath = points && points.length ? getPath$3(props) : path2;
-  return /* @__PURE__ */ React$2.createElement("path", _extends$59({}, filterProps(props, false), adaptEventHandlers$1(props), {
+  return /* @__PURE__ */ React2.createElement("path", _extends$59({}, filterProps(props, false), adaptEventHandlers$1(props), {
     className: clsx("recharts-curve", className),
     d: realPath,
     ref: pathRef
@@ -53240,7 +53238,7 @@ function _extends$56() {
 var Dot$1 = function Dot(props) {
   var cx = props.cx, cy = props.cy, r2 = props.r, className = props.className;
   var layerClass = clsx("recharts-dot", className);
-  if (cx === +cx && cy === +cy && r2 === +r2) return /* @__PURE__ */ React$2.createElement("circle", _extends$56({}, filterProps(props, false), adaptEventHandlers$1(props), {
+  if (cx === +cx && cy === +cy && r2 === +r2) return /* @__PURE__ */ React2.createElement("circle", _extends$56({}, filterProps(props, false), adaptEventHandlers$1(props), {
     className: layerClass,
     cx,
     cy,
@@ -60350,7 +60348,7 @@ var ZAxis = /* @__PURE__ */ (function(_React$Component) {
       return null;
     }
   }]);
-})(React$2.Component);
+})(React2.Component);
 _defineProperty$54(ZAxis, "displayName", "ZAxis");
 _defineProperty$54(ZAxis, "defaultProps", {
   zAxisId: 0,
@@ -60395,12 +60393,12 @@ function _objectWithoutPropertiesLoose$30(source, excluded) {
 }
 function ScatterSymbol(_ref2) {
   var option = _ref2.option, isActive = _ref2.isActive, props = _objectWithoutProperties$30(_ref2, _excluded$30);
-  if (typeof option === "string") return /* @__PURE__ */ React$2.createElement(Shape$1, _extends$36({
-    option: /* @__PURE__ */ React$2.createElement(Symbols$1, _extends$36({ type: option }, props)),
+  if (typeof option === "string") return /* @__PURE__ */ React2.createElement(Shape$1, _extends$36({
+    option: /* @__PURE__ */ React2.createElement(Symbols$1, _extends$36({ type: option }, props)),
     isActive,
     shapeType: "symbols"
   }, props));
-  return /* @__PURE__ */ React$2.createElement(Shape$1, _extends$36({
+  return /* @__PURE__ */ React2.createElement(Shape$1, _extends$36({
     option,
     isActive,
     shapeType: "symbols"
@@ -60928,7 +60926,7 @@ function XAxisImpl$1(_ref2) {
   var height = useChartHeight$1();
   var axisOptions = useXAxisOrThrow(xAxisId);
   if (axisOptions == null) return null;
-  return /* @__PURE__ */ React$2.createElement(CartesianAxis$1, _extends$34({}, axisOptions, {
+  return /* @__PURE__ */ React2.createElement(CartesianAxis$1, _extends$34({}, axisOptions, {
     className: clsx("recharts-".concat(axisOptions.axisType, " ").concat(axisOptions.axisType), axisOptions.className),
     viewBox: {
       x: 0,
@@ -60950,10 +60948,10 @@ var XAxis$1 = /* @__PURE__ */ (function(_React$Component) {
   return _createClass$3(XAxis2, [{
     key: "render",
     value: function render() {
-      return /* @__PURE__ */ React$2.createElement(XAxisImpl$1, this.props);
+      return /* @__PURE__ */ React2.createElement(XAxisImpl$1, this.props);
     }
   }]);
-})(React$2.Component);
+})(React2.Component);
 _defineProperty$52(XAxis$1, "displayName", "XAxis");
 _defineProperty$52(XAxis$1, "defaultProps", {
   allowDecimals: true,
@@ -61086,7 +61084,7 @@ var YAxisImpl$1 = function YAxisImpl(_ref2) {
   var height = useChartHeight$1();
   var axisOptions = useYAxisOrThrow(yAxisId);
   if (axisOptions == null) return null;
-  return /* @__PURE__ */ React$2.createElement(CartesianAxis$1, _extends$33({}, axisOptions, {
+  return /* @__PURE__ */ React2.createElement(CartesianAxis$1, _extends$33({}, axisOptions, {
     className: clsx("recharts-".concat(axisOptions.axisType, " ").concat(axisOptions.axisType), axisOptions.className),
     viewBox: {
       x: 0,
@@ -61108,10 +61106,10 @@ var YAxis$1 = /* @__PURE__ */ (function(_React$Component) {
   return _createClass$2(YAxis2, [{
     key: "render",
     value: function render() {
-      return /* @__PURE__ */ React$2.createElement(YAxisImpl$1, this.props);
+      return /* @__PURE__ */ React2.createElement(YAxisImpl$1, this.props);
     }
   }]);
-})(React$2.Component);
+})(React2.Component);
 _defineProperty$51(YAxis$1, "displayName", "YAxis");
 _defineProperty$51(YAxis$1, "defaultProps", {
   allowDuplicatedCategory: true,
@@ -63310,7 +63308,7 @@ var __name$7 = (target, value) => __defProp$7(target, "name", {
 });
 var DEFAULT_ORIENTATION = "horizontal";
 var ORIENTATIONS = ["horizontal", "vertical"];
-var Separator$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$7(function Separator2(props, forwardedRef) {
+var Separator$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$7(function Separator2(props, forwardedRef) {
   const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;
   const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;
   const semanticProps = decorative ? { role: "none" } : {
@@ -63345,10 +63343,10 @@ function CheckboxProvider(props) {
     onChange: onCheckedChange,
     caller: CHECKBOX_NAME
   });
-  const [control, setControl] = React$2.useState(null);
-  const [bubbleInput, setBubbleInput] = React$2.useState(null);
-  const hasConsumerStoppedPropagationRef = React$2.useRef(false);
-  const [userInteractionCount, onUserInteraction] = React$2.useReducer((count) => count + 1, 0);
+  const [control, setControl] = React2.useState(null);
+  const [bubbleInput, setBubbleInput] = React2.useState(null);
+  const hasConsumerStoppedPropagationRef = React2.useRef(false);
+  const [userInteractionCount, onUserInteraction] = React2.useReducer((count) => count + 1, 0);
   const isFormControl = control ? !!form || !!control.closest("form") : true;
   const context = {
     checked,
@@ -63376,11 +63374,11 @@ function CheckboxProvider(props) {
 }
 __name$6(CheckboxProvider, "CheckboxProvider");
 var TRIGGER_NAME$3 = "CheckboxTrigger";
-var CheckboxTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$6(function CheckboxTrigger2({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) {
+var CheckboxTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$6(function CheckboxTrigger2({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) {
   const { control, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useCheckboxContext(TRIGGER_NAME$3, __scopeCheckbox);
   const composedRefs = useComposedRefs(forwardedRef, setControl);
-  const initialCheckedStateRef = React$2.useRef(checked);
-  React$2.useEffect(() => {
+  const initialCheckedStateRef = React2.useRef(checked);
+  React2.useEffect(() => {
     const form = control?.form;
     if (form) {
       const reset = /* @__PURE__ */ __name$6(() => setChecked(initialCheckedStateRef.current), "reset");
@@ -63412,7 +63410,7 @@ var CheckboxTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$
     })
   });
 }, "CheckboxTrigger"));
-var Checkbox = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$6(function Checkbox2(props, forwardedRef) {
+var Checkbox = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$6(function Checkbox2(props, forwardedRef) {
   const { __scopeCheckbox, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...checkboxProps } = props;
   return /* @__PURE__ */ jsx(CheckboxProvider, {
     __scopeCheckbox,
@@ -63432,7 +63430,7 @@ var Checkbox = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$6(funct
   });
 }, "Checkbox"));
 var INDICATOR_NAME = "CheckboxIndicator";
-var CheckboxIndicator = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$6(function CheckboxIndicator2(props, forwardedRef) {
+var CheckboxIndicator = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$6(function CheckboxIndicator2(props, forwardedRef) {
   const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
   const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
   return /* @__PURE__ */ jsx(Presence, {
@@ -63450,14 +63448,14 @@ var CheckboxIndicator = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
   });
 }, "CheckboxIndicator"));
 var BUBBLE_INPUT_NAME$3 = "CheckboxBubbleInput";
-var CheckboxBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$6(function CheckboxBubbleInput2({ __scopeCheckbox, onClick, ...props }, forwardedRef) {
+var CheckboxBubbleInput = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$6(function CheckboxBubbleInput2({ __scopeCheckbox, onClick, ...props }, forwardedRef) {
   const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useCheckboxContext(BUBBLE_INPUT_NAME$3, __scopeCheckbox);
   const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
   const controlSize = useSize(control);
-  const shouldStopClickPropagationRef = React$2.useRef(false);
-  const prevCheckedRef = React$2.useRef(checked);
-  const prevUserInteractionCountRef = React$2.useRef(userInteractionCount);
-  React$2.useEffect(() => {
+  const shouldStopClickPropagationRef = React2.useRef(false);
+  const prevCheckedRef = React2.useRef(checked);
+  const prevUserInteractionCountRef = React2.useRef(userInteractionCount);
+  React2.useEffect(() => {
     const input = bubbleInput;
     if (!input) return;
     const inputProto = window.HTMLInputElement.prototype;
@@ -63481,7 +63479,7 @@ var CheckboxBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __n
     hasConsumerStoppedPropagationRef,
     userInteractionCount
   ]);
-  const defaultCheckedRef = React$2.useRef(isIndeterminate(checked) ? false : checked);
+  const defaultCheckedRef = React2.useRef(isIndeterminate(checked) ? false : checked);
   return /* @__PURE__ */ jsx(Primitive.input, {
     type: "checkbox",
     "aria-hidden": true,
@@ -63525,7 +63523,7 @@ var __name$5 = (target, value) => __defProp$5(target, "name", {
   value,
   configurable: true
 });
-var Root$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$5(function AspectRatio2(props, forwardedRef) {
+var Root$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$5(function AspectRatio2(props, forwardedRef) {
   const { ratio = 1, style, ...aspectRatioProps } = props;
   return /* @__PURE__ */ jsx("div", {
     style: {
@@ -63553,7 +63551,7 @@ var __name$4 = (target, value) => __defProp$4(target, "name", {
   value,
   configurable: true
 });
-var Root$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$4(function Label2(props, forwardedRef) {
+var Root$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$4(function Label2(props, forwardedRef) {
   return /* @__PURE__ */ jsx(Primitive.label, {
     ...props,
     ref: forwardedRef,
@@ -63574,10 +63572,10 @@ var [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);
 var [RadioProviderImpl, useRadioContext] = createRadioContext(RADIO_NAME);
 function RadioProvider(props) {
   const { __scopeRadio, checked = false, children, disabled, form, name, onCheck, required, value = "on", internal_do_not_use_render } = props;
-  const [control, setControl] = React$2.useState(null);
-  const [bubbleInput, setBubbleInput] = React$2.useState(null);
-  const hasConsumerStoppedPropagationRef = React$2.useRef(false);
-  const [userInteractionCount, onUserInteraction] = React$2.useReducer((count) => count + 1, 0);
+  const [control, setControl] = React2.useState(null);
+  const [bubbleInput, setBubbleInput] = React2.useState(null);
+  const hasConsumerStoppedPropagationRef = React2.useRef(false);
+  const [userInteractionCount, onUserInteraction] = React2.useReducer((count) => count + 1, 0);
   const context = {
     checked,
     disabled,
@@ -63603,7 +63601,7 @@ function RadioProvider(props) {
 }
 __name$3(RadioProvider, "RadioProvider");
 var TRIGGER_NAME$2 = "RadioTrigger";
-var RadioTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(function RadioTrigger2({ __scopeRadio, onClick, ...radioProps }, forwardedRef) {
+var RadioTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$3(function RadioTrigger2({ __scopeRadio, onClick, ...radioProps }, forwardedRef) {
   const { checked, disabled, value, setControl, onCheck, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useRadioContext(TRIGGER_NAME$2, __scopeRadio);
   const composedRefs = useComposedRefs(forwardedRef, setControl);
   return /* @__PURE__ */ jsx(Primitive.button, {
@@ -63629,14 +63627,14 @@ var RadioTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(f
   });
 }, "RadioTrigger"));
 var BUBBLE_INPUT_NAME$2 = "RadioBubbleInput";
-var RadioBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(function RadioBubbleInput2({ __scopeRadio, onClick, ...props }, forwardedRef) {
+var RadioBubbleInput = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$3(function RadioBubbleInput2({ __scopeRadio, onClick, ...props }, forwardedRef) {
   const { control, checked, required, disabled, name, value, form, bubbleInput, setBubbleInput, hasConsumerStoppedPropagationRef, userInteractionCount } = useRadioContext(BUBBLE_INPUT_NAME$2, __scopeRadio);
   const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
   const controlSize = useSize(control);
-  const shouldStopClickPropagationRef = React$2.useRef(false);
-  const prevCheckedRef = React$2.useRef(checked);
-  const prevUserInteractionCountRef = React$2.useRef(userInteractionCount);
-  React$2.useEffect(() => {
+  const shouldStopClickPropagationRef = React2.useRef(false);
+  const prevCheckedRef = React2.useRef(checked);
+  const prevUserInteractionCountRef = React2.useRef(userInteractionCount);
+  React2.useEffect(() => {
     const input = bubbleInput;
     if (!input) return;
     const inputProto = window.HTMLInputElement.prototype;
@@ -63659,7 +63657,7 @@ var RadioBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name
     hasConsumerStoppedPropagationRef,
     userInteractionCount
   ]);
-  const defaultCheckedRef = React$2.useRef(checked);
+  const defaultCheckedRef = React2.useRef(checked);
   return /* @__PURE__ */ jsx(Primitive.input, {
     type: "radio",
     "aria-hidden": true,
@@ -63705,7 +63703,7 @@ var [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_
 var useRovingFocusGroupScope$1 = createRovingFocusGroupScope();
 var useRadioScope = createRadioScope();
 var [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);
-var RadioGroup$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroup2(props, forwardedRef) {
+var RadioGroup$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroup2(props, forwardedRef) {
   const { __scopeRadioGroup, name, form, defaultValue, value: valueProp, required = false, disabled = false, orientation, dir, loop = true, onValueChange, ...groupProps } = props;
   const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeRadioGroup);
   const direction = useDirection(dir);
@@ -63715,10 +63713,10 @@ var RadioGroup$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(f
     onChange: onValueChange,
     caller: RADIO_GROUP_NAME
   });
-  const [control, setControl] = React$2.useState(null);
+  const [control, setControl] = React2.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setControl);
-  const initialValueRef = React$2.useRef(value);
-  React$2.useEffect(() => {
+  const initialValueRef = React2.useRef(value);
+  React2.useEffect(() => {
     const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.closest("form");
     if (associatedForm instanceof HTMLFormElement) {
       const reset = /* @__PURE__ */ __name$3(() => setValue(initialValueRef.current), "reset");
@@ -63777,15 +63775,15 @@ function RadioGroupItemProvider(props) {
   });
 }
 __name$3(RadioGroupItemProvider, "RadioGroupItemProvider");
-var RadioGroupItemTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroupItemTrigger2(props, forwardedRef) {
+var RadioGroupItemTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroupItemTrigger2(props, forwardedRef) {
   const { __scopeRadioGroup, ...triggerProps } = props;
   const rovingFocusGroupScope = useRovingFocusGroupScope$1(__scopeRadioGroup);
   const radioScope = useRadioScope(__scopeRadioGroup);
   const { checked, disabled } = useRadioContext(ITEM_TRIGGER_NAME, radioScope.__scopeRadio);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  const isArrowKeyPressedRef = React$2.useRef(false);
-  React$2.useEffect(() => {
+  const isArrowKeyPressedRef = React2.useRef(false);
+  React2.useEffect(() => {
     const handleKeyDown = /* @__PURE__ */ __name$3((event) => {
       if (ARROW_KEYS$1.includes(event.key)) isArrowKeyPressedRef.current = true;
     }, "handleKeyDown");
@@ -63815,7 +63813,7 @@ var RadioGroupItemTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ _
     })
   });
 }, "RadioGroupItemTrigger"));
-var RadioGroupItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroupItem2(props, forwardedRef) {
+var RadioGroupItem = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroupItem2(props, forwardedRef) {
   const { __scopeRadioGroup, value, disabled, ...itemProps } = props;
   return /* @__PURE__ */ jsx(RadioGroupItemProvider, {
     __scopeRadioGroup,
@@ -63828,7 +63826,7 @@ var RadioGroupItem = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3
     }), isFormControl && /* @__PURE__ */ jsx(RadioGroupItemBubbleInput, { __scopeRadioGroup })] })
   });
 }, "RadioGroupItem"));
-var RadioGroupItemBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroupItemBubbleInput2(props, forwardedRef) {
+var RadioGroupItemBubbleInput = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$3(function RadioGroupItemBubbleInput2(props, forwardedRef) {
   const { __scopeRadioGroup, ...bubbleProps } = props;
   const radioScope = useRadioScope(__scopeRadioGroup);
   return /* @__PURE__ */ jsx(RadioBubbleInput, {
@@ -63879,15 +63877,15 @@ var SLIDER_NAME = "Slider";
 var [Collection, useCollection, createCollectionScope] = /* @__PURE__ */ createCollection(SLIDER_NAME);
 var [createSliderContext, createSliderScope] = createContextScope(SLIDER_NAME, [createCollectionScope]);
 var [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
-var Slider$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function Slider2(props, forwardedRef) {
+var Slider$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function Slider2(props, forwardedRef) {
   const { name, min = 0, max = 100, step = 1, orientation = "horizontal", disabled = false, minStepsBetweenThumbs = 0, defaultValue = [min], value, onValueChange = /* @__PURE__ */ __name$2(() => {
   }, "onValueChange"), onValueCommit = /* @__PURE__ */ __name$2(() => {
   }, "onValueCommit"), inverted = false, form, ...sliderProps } = props;
-  const thumbRefs = React$2.useRef(/* @__PURE__ */ new Set());
-  const valueIndexToChangeRef = React$2.useRef(0);
-  const isKeyboardInteractionRef = React$2.useRef(false);
+  const thumbRefs = React2.useRef(/* @__PURE__ */ new Set());
+  const valueIndexToChangeRef = React2.useRef(0);
+  const isKeyboardInteractionRef = React2.useRef(false);
   const SliderOrientation = orientation === "horizontal" ? SliderHorizontal : SliderVertical;
-  const [control, setControl] = React$2.useState(null);
+  const [control, setControl] = React2.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setControl);
   const [values = [], setValues] = useControllableState({
     prop: value,
@@ -63901,9 +63899,9 @@ var Slider$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(funct
       onValueChange(value2);
     }, "onChange")
   });
-  const valuesBeforeSlideStartRef = React$2.useRef(values);
-  const initialValuesRef = React$2.useRef(values);
-  React$2.useEffect(() => {
+  const valuesBeforeSlideStartRef = React2.useRef(values);
+  const initialValuesRef = React2.useRef(values);
+  React2.useEffect(() => {
     const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.closest("form");
     if (associatedForm instanceof HTMLFormElement) {
       const reset = /* @__PURE__ */ __name$2(() => setValues(initialValuesRef.current), "reset");
@@ -64010,11 +64008,11 @@ var [SliderOrientationProvider, useSliderOrientationContext] = createSliderConte
   size: "width",
   direction: 1
 });
-var SliderHorizontal = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderHorizontal2(props, forwardedRef) {
+var SliderHorizontal = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderHorizontal2(props, forwardedRef) {
   const { min, max, dir, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
-  const [slider, setSlider] = React$2.useState(null);
+  const [slider, setSlider] = React2.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, setSlider);
-  const rectRef = React$2.useRef(void 0);
+  const rectRef = React2.useRef(void 0);
   const direction = useDirection(dir);
   const isDirectionLTR = direction === "ltr";
   const isSlidingFromLeft = isDirectionLTR && !inverted || !isDirectionLTR && inverted;
@@ -64062,11 +64060,11 @@ var SliderHorizontal = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name
     })
   });
 }, "SliderHorizontal"));
-var SliderVertical = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderVertical2(props, forwardedRef) {
+var SliderVertical = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderVertical2(props, forwardedRef) {
   const { min, max, inverted, onSlideStart, onSlideMove, onSlideEnd, onStepKeyDown, ...sliderProps } = props;
-  const sliderRef = React$2.useRef(null);
+  const sliderRef = React2.useRef(null);
   const ref = useComposedRefs(forwardedRef, sliderRef);
-  const rectRef = React$2.useRef(void 0);
+  const rectRef = React2.useRef(void 0);
   const isSlidingFromBottom = !inverted;
   function getValueFromPointer(pointerPosition) {
     const rect = rectRef.current || sliderRef.current.getBoundingClientRect();
@@ -64111,7 +64109,7 @@ var SliderVertical = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2
     })
   });
 }, "SliderVertical"));
-var SliderImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderImpl2(props, forwardedRef) {
+var SliderImpl = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderImpl2(props, forwardedRef) {
   const { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props;
   const context = useSliderContext(SLIDER_NAME, __scopeSlider);
   return /* @__PURE__ */ jsx(Primitive.span, {
@@ -64152,7 +64150,7 @@ var SliderImpl = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(fun
   });
 }, "SliderImpl"));
 var TRACK_NAME = "SliderTrack";
-var SliderTrack = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderTrack2(props, forwardedRef) {
+var SliderTrack = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderTrack2(props, forwardedRef) {
   const { __scopeSlider, ...trackProps } = props;
   const context = useSliderContext(TRACK_NAME, __scopeSlider);
   return /* @__PURE__ */ jsx(Primitive.span, {
@@ -64163,11 +64161,11 @@ var SliderTrack = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(fu
   });
 }, "SliderTrack"));
 var RANGE_NAME = "SliderRange";
-var SliderRange = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderRange2(props, forwardedRef) {
+var SliderRange = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderRange2(props, forwardedRef) {
   const { __scopeSlider, ...rangeProps } = props;
   const context = useSliderContext(RANGE_NAME, __scopeSlider);
   const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
   const valuesCount = context.values.length;
   const percentages = context.values.map((value) => convertValueToPercentage(value, context.min, context.max));
@@ -64191,14 +64189,14 @@ function SliderThumbProvider(props) {
   const { __scopeSlider, name, children, internal_do_not_use_render } = props;
   const context = useSliderContext(THUMB_PROVIDER_NAME, __scopeSlider);
   const getItems = useCollection(__scopeSlider);
-  const [thumb, setThumb] = React$2.useState(null);
-  const index = React$2.useMemo(() => thumb ? getItems().findIndex((item) => item.ref.current === thumb) : -1, [getItems, thumb]);
+  const [thumb, setThumb] = React2.useState(null);
+  const index = React2.useMemo(() => thumb ? getItems().findIndex((item) => item.ref.current === thumb) : -1, [getItems, thumb]);
   const size2 = useSize(thumb);
   const isFormControl = thumb ? !!context.form || !!thumb.closest("form") : true;
   const value = context.values[index];
   const resolvedName = name ?? (context.name ? context.name + (context.values.length > 1 ? "[]" : "") : void 0);
   const percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     if (thumb) {
       context.thumbs.add(thumb);
       return () => {
@@ -64225,7 +64223,7 @@ function SliderThumbProvider(props) {
 }
 __name$2(SliderThumbProvider, "SliderThumbProvider");
 var THUMB_TRIGGER_NAME = "SliderThumbTrigger";
-var SliderThumbTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderThumbTrigger2(props, forwardedRef) {
+var SliderThumbTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderThumbTrigger2(props, forwardedRef) {
   const { __scopeSlider, ...thumbProps } = props;
   const context = useSliderContext(THUMB_TRIGGER_NAME, __scopeSlider);
   const orientation = useSliderOrientationContext(THUMB_TRIGGER_NAME, __scopeSlider);
@@ -64262,7 +64260,7 @@ var SliderThumbTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __na
     })
   });
 }, "SliderThumbTrigger"));
-var SliderThumb = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderThumb2(props, forwardedRef) {
+var SliderThumb = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderThumb2(props, forwardedRef) {
   const { __scopeSlider, name, ...thumbProps } = props;
   return /* @__PURE__ */ jsx(SliderThumbProvider, {
     __scopeSlider,
@@ -64275,12 +64273,12 @@ var SliderThumb = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(fu
   });
 }, "SliderThumb"));
 var BUBBLE_INPUT_NAME$1 = "SliderBubbleInput";
-var SliderBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$2(function SliderBubbleInput2({ __scopeSlider, ...props }, forwardedRef) {
+var SliderBubbleInput = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$2(function SliderBubbleInput2({ __scopeSlider, ...props }, forwardedRef) {
   const { value, name, form } = useSliderThumbContext(BUBBLE_INPUT_NAME$1, __scopeSlider);
-  const ref = React$2.useRef(null);
+  const ref = React2.useRef(null);
   const composedRefs = useComposedRefs(ref, forwardedRef);
   const prevValue = usePrevious(value);
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     const input = ref.current;
     if (!input) return;
     const inputProto = window.HTMLInputElement.prototype;
@@ -64398,10 +64396,10 @@ function SwitchProvider(props) {
     onChange: onCheckedChange,
     caller: SWITCH_NAME
   });
-  const [control, setControl] = React$2.useState(null);
-  const [bubbleInput, setBubbleInput] = React$2.useState(null);
-  const hasConsumerStoppedPropagationRef = React$2.useRef(false);
-  const [userInteractionCount, onUserInteraction] = React$2.useReducer((count) => count + 1, 0);
+  const [control, setControl] = React2.useState(null);
+  const [bubbleInput, setBubbleInput] = React2.useState(null);
+  const hasConsumerStoppedPropagationRef = React2.useRef(false);
+  const [userInteractionCount, onUserInteraction] = React2.useReducer((count) => count + 1, 0);
   const context = {
     checked,
     setChecked,
@@ -64428,11 +64426,11 @@ function SwitchProvider(props) {
 }
 __name$1(SwitchProvider, "SwitchProvider");
 var TRIGGER_NAME$1 = "SwitchTrigger";
-var SwitchTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(function SwitchTrigger2({ __scopeSwitch, onClick, ...switchProps }, forwardedRef) {
+var SwitchTrigger = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$1(function SwitchTrigger2({ __scopeSwitch, onClick, ...switchProps }, forwardedRef) {
   const { control, form, value, disabled, checked, required, setControl, setChecked, hasConsumerStoppedPropagationRef, onUserInteraction, isFormControl, bubbleInput } = useSwitchContext(TRIGGER_NAME$1, __scopeSwitch);
   const composedRefs = useComposedRefs(forwardedRef, setControl);
-  const initialCheckedStateRef = React$2.useRef(checked);
-  React$2.useEffect(() => {
+  const initialCheckedStateRef = React2.useRef(checked);
+  React2.useEffect(() => {
     const associatedForm = form ? control?.ownerDocument.getElementById(form) : control?.form;
     if (associatedForm instanceof HTMLFormElement) {
       const reset = /* @__PURE__ */ __name$1(() => setChecked(initialCheckedStateRef.current), "reset");
@@ -64465,7 +64463,7 @@ var SwitchTrigger = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(
     })
   });
 }, "SwitchTrigger"));
-var Switch2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(function Switch22(props, forwardedRef) {
+var Switch2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$1(function Switch22(props, forwardedRef) {
   const { __scopeSwitch, name, checked, defaultChecked, required, disabled, value, onCheckedChange, form, ...switchProps } = props;
   return /* @__PURE__ */ jsx(SwitchProvider, {
     __scopeSwitch,
@@ -64485,7 +64483,7 @@ var Switch2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(functi
   });
 }, "Switch"));
 var THUMB_NAME = "SwitchThumb";
-var SwitchThumb = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(function SwitchThumb2(props, forwardedRef) {
+var SwitchThumb = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$1(function SwitchThumb2(props, forwardedRef) {
   const { __scopeSwitch, ...thumbProps } = props;
   const context = useSwitchContext(THUMB_NAME, __scopeSwitch);
   return /* @__PURE__ */ jsx(Primitive.span, {
@@ -64496,14 +64494,14 @@ var SwitchThumb = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(fu
   });
 }, "SwitchThumb"));
 var BUBBLE_INPUT_NAME = "SwitchBubbleInput";
-var SwitchBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name$1(function SwitchBubbleInput2({ __scopeSwitch, onClick, ...props }, forwardedRef) {
+var SwitchBubbleInput = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name$1(function SwitchBubbleInput2({ __scopeSwitch, onClick, ...props }, forwardedRef) {
   const { control, hasConsumerStoppedPropagationRef, userInteractionCount, checked, defaultChecked, required, disabled, name, value, form, bubbleInput, setBubbleInput } = useSwitchContext(BUBBLE_INPUT_NAME, __scopeSwitch);
   const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
   const controlSize = useSize(control);
-  const shouldStopClickPropagationRef = React$2.useRef(false);
-  const prevCheckedRef = React$2.useRef(checked);
-  const prevUserInteractionCountRef = React$2.useRef(userInteractionCount);
-  React$2.useEffect(() => {
+  const shouldStopClickPropagationRef = React2.useRef(false);
+  const prevCheckedRef = React2.useRef(checked);
+  const prevUserInteractionCountRef = React2.useRef(userInteractionCount);
+  React2.useEffect(() => {
     const input = bubbleInput;
     if (!input) return;
     const inputProto = window.HTMLInputElement.prototype;
@@ -64526,7 +64524,7 @@ var SwitchBubbleInput = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __nam
     hasConsumerStoppedPropagationRef,
     userInteractionCount
   ]);
-  const defaultCheckedRef = React$2.useRef(checked);
+  const defaultCheckedRef = React2.useRef(checked);
   return /* @__PURE__ */ jsx(Primitive.input, {
     type: "checkbox",
     "aria-hidden": true,
@@ -64570,7 +64568,7 @@ var TABS_NAME = "Tabs";
 var [createTabsContext, createTabsScope] = createContextScope(TABS_NAME, [createRovingFocusGroupScope]);
 var useRovingFocusGroupScope = createRovingFocusGroupScope();
 var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
-var Tabs$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(function Tabs2(props, forwardedRef) {
+var Tabs$2 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name(function Tabs2(props, forwardedRef) {
   const { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", ...tabsProps } = props;
   const direction = useDirection(dir);
   const [value, setValue] = useControllableState({
@@ -64596,7 +64594,7 @@ var Tabs$2 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(function
   });
 }, "Tabs"));
 var TAB_LIST_NAME = "TabsList";
-var TabsList$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(function TabsList2(props, forwardedRef) {
+var TabsList$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name(function TabsList2(props, forwardedRef) {
   const { __scopeTabs, loop = true, ...listProps } = props;
   const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
   const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
@@ -64615,7 +64613,7 @@ var TabsList$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(funct
   });
 }, "TabsList"));
 var TRIGGER_NAME = "TabsTrigger";
-var TabsTrigger$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(function TabsTrigger2(props, forwardedRef) {
+var TabsTrigger$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name(function TabsTrigger2(props, forwardedRef) {
   const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
   const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
   const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
@@ -64654,14 +64652,14 @@ var TabsTrigger$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(fu
   });
 }, "TabsTrigger"));
 var CONTENT_NAME = "TabsContent";
-var TabsContent$1 = /* @__PURE__ */ React$2.forwardRef(/* @__PURE__ */ __name(function TabsContent2(props, forwardedRef) {
+var TabsContent$1 = /* @__PURE__ */ React2.forwardRef(/* @__PURE__ */ __name(function TabsContent2(props, forwardedRef) {
   const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
   const context = useTabsContext(CONTENT_NAME, __scopeTabs);
   const triggerId = makeTriggerId(context.baseId, value);
   const contentId = makeContentId(context.baseId, value);
   const isSelected = value === context.value;
-  const isMountAnimationPreventedRef = React$2.useRef(isSelected);
-  React$2.useEffect(() => {
+  const isMountAnimationPreventedRef = React2.useRef(isSelected);
+  React2.useEffect(() => {
     const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
     return () => cancelAnimationFrame(rAF);
   }, []);
@@ -80371,14 +80369,14 @@ var Surface = /* @__PURE__ */ forwardRef2((props, ref) => {
     y: 0
   };
   var layerClass = clsx("recharts-surface", className);
-  return /* @__PURE__ */ React$2.createElement("svg", _extends$31({}, svgPropertiesAndEvents(others), {
+  return /* @__PURE__ */ React2.createElement("svg", _extends$31({}, svgPropertiesAndEvents(others), {
     className: layerClass,
     width,
     height,
     style,
     viewBox: "".concat(svgView.x, " ").concat(svgView.y, " ").concat(svgView.width, " ").concat(svgView.height),
     ref
-  }), /* @__PURE__ */ React$2.createElement("title", null, title), /* @__PURE__ */ React$2.createElement("desc", null, desc), children);
+  }), /* @__PURE__ */ React2.createElement("title", null, title), /* @__PURE__ */ React2.createElement("desc", null, desc), children);
 });
 var _excluded$27 = ["children", "className"];
 function _extends$30() {
@@ -80408,10 +80406,10 @@ function _objectWithoutPropertiesLoose$27(r2, e) {
   }
   return t;
 }
-var Layer = /* @__PURE__ */ React$2.forwardRef((props, ref) => {
+var Layer = /* @__PURE__ */ React2.forwardRef((props, ref) => {
   var children = props.children, className = props.className, others = _objectWithoutProperties$27(props, _excluded$27);
   var layerClass = clsx("recharts-layer", className);
-  return /* @__PURE__ */ React$2.createElement("g", _extends$30({ className: layerClass }, svgPropertiesAndEvents(others), { ref }), children);
+  return /* @__PURE__ */ React2.createElement("g", _extends$30({ className: layerClass }, svgPropertiesAndEvents(others), { ref }), children);
 });
 function isUnsafeProperty(key) {
   return key === "__proto__";
@@ -80939,7 +80937,7 @@ var Symbols2 = (_ref2) => {
   };
   var className = props.className, cx = props.cx, cy = props.cy;
   var filteredProps = svgPropertiesAndEvents(props);
-  if (isNumber2(cx) && isNumber2(cy) && isNumber2(size2)) return /* @__PURE__ */ React$2.createElement("path", _extends$29({}, filteredProps, {
+  if (isNumber2(cx) && isNumber2(cy) && isNumber2(size2)) return /* @__PURE__ */ React2.createElement("path", _extends$29({}, filteredProps, {
     className: clsx("recharts-symbols", className),
     transform: "translate(".concat(cx, ", ").concat(cy, ")"),
     d: getPath4()
@@ -81100,7 +81098,7 @@ function Icon(_ref2) {
   var color2 = data.inactive ? inactiveColor : data.color;
   var preferredIcon = iconType !== null && iconType !== void 0 ? iconType : data.type;
   if (preferredIcon === "none") return null;
-  if (preferredIcon === "plainline") return /* @__PURE__ */ React$2.createElement("line", {
+  if (preferredIcon === "plainline") return /* @__PURE__ */ React2.createElement("line", {
     strokeWidth: 4,
     fill: "none",
     stroke: color2,
@@ -81111,25 +81109,25 @@ function Icon(_ref2) {
     y2: halfSize,
     className: "recharts-legend-icon"
   });
-  if (preferredIcon === "line") return /* @__PURE__ */ React$2.createElement("path", {
+  if (preferredIcon === "line") return /* @__PURE__ */ React2.createElement("path", {
     strokeWidth: 4,
     fill: "none",
     stroke: color2,
     d: "M0,".concat(halfSize, "h").concat(thirdSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(2 * thirdSize, ",").concat(halfSize, "\n            H").concat(SIZE, "M").concat(2 * thirdSize, ",").concat(halfSize, "\n            A").concat(sixthSize, ",").concat(sixthSize, ",0,1,1,").concat(thirdSize, ",").concat(halfSize),
     className: "recharts-legend-icon"
   });
-  if (preferredIcon === "rect") return /* @__PURE__ */ React$2.createElement("path", {
+  if (preferredIcon === "rect") return /* @__PURE__ */ React2.createElement("path", {
     stroke: "none",
     fill: color2,
     d: "M0,".concat(SIZE / 8, "h").concat(SIZE, "v").concat(SIZE * 3 / 4, "h").concat(-SIZE, "z"),
     className: "recharts-legend-icon"
   });
-  if (/* @__PURE__ */ React$2.isValidElement(data.legendIcon)) {
+  if (/* @__PURE__ */ React2.isValidElement(data.legendIcon)) {
     var iconProps = _objectSpread$41({}, data);
     delete iconProps.legendIcon;
-    return /* @__PURE__ */ React$2.cloneElement(data.legendIcon, iconProps);
+    return /* @__PURE__ */ React2.cloneElement(data.legendIcon, iconProps);
   }
-  return /* @__PURE__ */ React$2.createElement(Symbols2, {
+  return /* @__PURE__ */ React2.createElement(Symbols2, {
     fill: color2,
     cx: halfSize,
     cy: halfSize,
@@ -81170,21 +81168,21 @@ function Items(props) {
     (_finalLabelStyle$whit = finalLabelStyle.whiteSpace) !== null && _finalLabelStyle$whit !== void 0 || (finalLabelStyle.whiteSpace = "normal");
     (_finalLabelStyle$over = finalLabelStyle.overflowWrap) !== null && _finalLabelStyle$over !== void 0 || (finalLabelStyle.overflowWrap = "break-word");
     var finalValue = finalFormatter ? finalFormatter(entry.value, entry, i) : entry.value;
-    return /* @__PURE__ */ React$2.createElement("li", _extends$28({
+    return /* @__PURE__ */ React2.createElement("li", _extends$28({
       className,
       style: itemStyle,
       key: "legend-item-".concat(i)
-    }, adaptEventsOfChild2(props, entry, i)), /* @__PURE__ */ React$2.createElement(Surface, {
+    }, adaptEventsOfChild2(props, entry, i)), /* @__PURE__ */ React2.createElement(Surface, {
       width: iconSize,
       height: iconSize,
       viewBox,
       style: svgStyle,
       "aria-label": entry.value == null ? "legend icon" : "".concat(entry.value, " legend icon")
-    }, /* @__PURE__ */ React$2.createElement(Icon, {
+    }, /* @__PURE__ */ React2.createElement(Icon, {
       data: entry,
       iconType,
       inactiveColor
-    })), /* @__PURE__ */ React$2.createElement("span", {
+    })), /* @__PURE__ */ React2.createElement("span", {
       className: "recharts-legend-item-text",
       style: finalLabelStyle
     }, finalValue));
@@ -81199,10 +81197,10 @@ var DefaultLegendContent = (outsideProps) => {
     margin: 0,
     textAlign: layout === "horizontal" ? align : "left"
   };
-  return /* @__PURE__ */ React$2.createElement("ul", {
+  return /* @__PURE__ */ React2.createElement("ul", {
     className: "recharts-default-legend",
     style: finalStyle
-  }, /* @__PURE__ */ React$2.createElement(Items, _extends$28({}, props, { payload })));
+  }, /* @__PURE__ */ React2.createElement(Items, _extends$28({}, props, { payload })));
 };
 function uniqBy$1(arr, mapper) {
   const map2 = /* @__PURE__ */ new Map();
@@ -84356,7 +84354,7 @@ function ResponsiveContainerContextProvider(_ref2) {
     height
   }), [width, height]);
   if (!isAcceptableSize(size2)) return null;
-  return /* @__PURE__ */ React$2.createElement(ResponsiveContainerContext.Provider, { value: size2 }, children);
+  return /* @__PURE__ */ React2.createElement(ResponsiveContainerContext.Provider, { value: size2 }, children);
 }
 var useResponsiveContainerContext = () => useContext2(ResponsiveContainerContext);
 var SizeDetectorContainer = /* @__PURE__ */ forwardRef2((_ref2, ref) => {
@@ -84411,7 +84409,7 @@ var SizeDetectorContainer = /* @__PURE__ */ forwardRef2((_ref2, ref) => {
     maxHeight
   }), calculatedWidth = _calculateChartDimens.calculatedWidth, calculatedHeight = _calculateChartDimens.calculatedHeight;
   warn3(containerWidth < 0 || containerHeight < 0 || calculatedWidth != null && calculatedWidth > 0 || calculatedHeight != null && calculatedHeight > 0, "The width(%s) and height(%s) of chart should be greater than 0,\n       please check the style of container, or the props width(%s) and height(%s),\n       or add a minWidth(%s) or minHeight(%s) or use aspect(%s) to control the\n       height and width.", calculatedWidth, calculatedHeight, width, height, minWidth, minHeight, aspect);
-  return /* @__PURE__ */ React$2.createElement("div", _extends$27({
+  return /* @__PURE__ */ React2.createElement("div", _extends$27({
     id: id ? "".concat(id) : void 0,
     className: clsx("recharts-responsive-container", className),
     style: _objectSpread$38(_objectSpread$38({}, style), {}, {
@@ -84422,10 +84420,10 @@ var SizeDetectorContainer = /* @__PURE__ */ forwardRef2((_ref2, ref) => {
       maxHeight
     }),
     ref: containerRef
-  }, others), /* @__PURE__ */ React$2.createElement("div", { style: getInnerDivStyle({
+  }, others), /* @__PURE__ */ React2.createElement("div", { style: getInnerDivStyle({
     width,
     height
-  }) }, /* @__PURE__ */ React$2.createElement(ResponsiveContainerContextProvider, {
+  }) }, /* @__PURE__ */ React2.createElement(ResponsiveContainerContextProvider, {
     width: calculatedWidth,
     height: calculatedHeight
   }, children)));
@@ -84444,11 +84442,11 @@ var ResponsiveContainer = /* @__PURE__ */ forwardRef2((props, ref) => {
     aspect: props.aspect,
     maxHeight: props.maxHeight
   }), calculatedWidth = _calculateChartDimens2.calculatedWidth, calculatedHeight = _calculateChartDimens2.calculatedHeight;
-  if (isNumber2(calculatedWidth) && isNumber2(calculatedHeight)) return /* @__PURE__ */ React$2.createElement(ResponsiveContainerContextProvider, {
+  if (isNumber2(calculatedWidth) && isNumber2(calculatedHeight)) return /* @__PURE__ */ React2.createElement(ResponsiveContainerContextProvider, {
     width: calculatedWidth,
     height: calculatedHeight
   }, props.children);
-  return /* @__PURE__ */ React$2.createElement(SizeDetectorContainer, _extends$27({}, props, {
+  return /* @__PURE__ */ React2.createElement(SizeDetectorContainer, _extends$27({}, props, {
     width,
     height,
     ref
@@ -84724,7 +84722,7 @@ var canUseDOM = () => !!(typeof window !== "undefined" && typeof window.document
 var isDOM = /* @__PURE__ */ canUseDOM();
 var isRunningInReactNative = () => typeof navigator !== "undefined" && navigator.product === "ReactNative";
 var isReactNative = /* @__PURE__ */ isRunningInReactNative();
-var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React$2.useLayoutEffect : React$2.useEffect;
+var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React2.useLayoutEffect : React2.useEffect;
 var useIsomorphicLayoutEffect = /* @__PURE__ */ getUseIsomorphicLayoutEffect();
 function is(x2, y2) {
   if (x2 === y2) return x2 !== 0 || y2 !== 0 || 1 / x2 === 1 / y2;
@@ -84742,19 +84740,19 @@ function shallowEqual(objA, objB) {
 var ContextKey = /* @__PURE__ */ Symbol.for(`react-redux-context`);
 var gT = typeof globalThis !== "undefined" ? globalThis : {};
 function getContext() {
-  if (!React$2.createContext) return {};
+  if (!React2.createContext) return {};
   const contextMap = gT[ContextKey] ??= /* @__PURE__ */ new Map();
-  let realContext = contextMap.get(React$2.createContext);
+  let realContext = contextMap.get(React2.createContext);
   if (!realContext) {
-    realContext = React$2.createContext(null);
-    contextMap.set(React$2.createContext, realContext);
+    realContext = React2.createContext(null);
+    contextMap.set(React2.createContext, realContext);
   }
   return realContext;
 }
 var ReactReduxContext = /* @__PURE__ */ getContext();
 function Provider(providerProps) {
   const { children, context, serverState, store: store2 } = providerProps;
-  const contextValue = React$2.useMemo(() => {
+  const contextValue = React2.useMemo(() => {
     const subscription = createSubscription(store2);
     return {
       store: store2,
@@ -84762,7 +84760,7 @@ function Provider(providerProps) {
       getServerState: serverState ? () => serverState : void 0
     };
   }, [store2, serverState]);
-  const previousState = React$2.useMemo(() => store2.getState(), [store2]);
+  const previousState = React2.useMemo(() => store2.getState(), [store2]);
   useIsomorphicLayoutEffect(() => {
     const { subscription } = contextValue;
     subscription.onStateChange = subscription.notifyNestedSubs;
@@ -84774,7 +84772,7 @@ function Provider(providerProps) {
     };
   }, [contextValue, previousState]);
   const Context = context || ReactReduxContext;
-  return /* @__PURE__ */ React$2.createElement(Context.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React2.createElement(Context.Provider, { value: contextValue }, children);
 }
 var Provider_default = Provider;
 var propsToShallowCompare = /* @__PURE__ */ new Set([
@@ -84961,9 +84959,9 @@ function LegendContent(props) {
   var contextPayload = props.contextPayload, otherProps = _objectWithoutProperties$24(props, _excluded$24);
   var finalPayload = getUniqPayload(contextPayload, props.payloadUniqBy, defaultUniqBy$1);
   var contentProps = _objectSpread$37(_objectSpread$37({}, otherProps), {}, { payload: finalPayload });
-  if (/* @__PURE__ */ React$2.isValidElement(props.content)) return /* @__PURE__ */ React$2.cloneElement(props.content, contentProps);
-  if (typeof props.content === "function") return /* @__PURE__ */ React$2.createElement(props.content, contentProps);
-  return /* @__PURE__ */ React$2.createElement(DefaultLegendContent, contentProps);
+  if (/* @__PURE__ */ React2.isValidElement(props.content)) return /* @__PURE__ */ React2.cloneElement(props.content, contentProps);
+  if (typeof props.content === "function") return /* @__PURE__ */ React2.createElement(props.content, contentProps);
+  return /* @__PURE__ */ React2.createElement(DefaultLegendContent, contentProps);
 }
 function getLayoutForPosition(position) {
   if (position === "left" || position === "right" || position === "insideLeft" || position === "insideRight") return "vertical";
@@ -85099,18 +85097,18 @@ function LegendImpl(outsideProps) {
   }, positionStyle), wrapperStyle);
   var legendPortal = portalFromProps !== null && portalFromProps !== void 0 ? portalFromProps : legendPortalFromContext;
   if (legendPortal == null || contextPayload == null) return null;
-  var legendElement = /* @__PURE__ */ React$2.createElement("div", {
+  var legendElement = /* @__PURE__ */ React2.createElement("div", {
     className: "recharts-legend-wrapper",
     style: outerStyle,
     ref: updateBoundingBox
-  }, /* @__PURE__ */ React$2.createElement(LegendSettingsDispatcher, {
+  }, /* @__PURE__ */ React2.createElement(LegendSettingsDispatcher, {
     layout,
     align: props.align,
     verticalAlign: props.verticalAlign,
     itemSorter: props.itemSorter,
     position: props.position,
     offset: props.offset
-  }), shouldReportDimensions && /* @__PURE__ */ React$2.createElement(LegendSizeDispatcher, lastBoundingBox), /* @__PURE__ */ React$2.createElement(LegendContent, _extends$26({}, props, { layout }, widthOrHeight, {
+  }), shouldReportDimensions && /* @__PURE__ */ React2.createElement(LegendSizeDispatcher, lastBoundingBox), /* @__PURE__ */ React2.createElement(LegendContent, _extends$26({}, props, { layout }, widthOrHeight, {
     margin,
     chartWidth,
     chartHeight,
@@ -85118,7 +85116,7 @@ function LegendImpl(outsideProps) {
   })));
   return /* @__PURE__ */ createPortal2(legendElement, legendPortal);
 }
-var Legend = /* @__PURE__ */ React$2.memo(LegendImpl, propsAreEqual);
+var Legend = /* @__PURE__ */ React2.memo(LegendImpl, propsAreEqual);
 Legend.displayName = "Legend";
 function _extends$25() {
   return _extends$25 = Object.assign ? Object.assign.bind() : function(n) {
@@ -85263,13 +85261,13 @@ var DefaultTooltipContent2 = (props) => {
           else return null;
         }
         var finalItemStyle = _objectSpread$36(_objectSpread$36({}, defaultDefaultTooltipContentProps.itemStyle), {}, { color: entry.color || defaultDefaultTooltipContentProps.itemStyle.color }, itemStyle);
-        return /* @__PURE__ */ React$2.createElement("li", {
+        return /* @__PURE__ */ React2.createElement("li", {
           className: "recharts-tooltip-item",
           key: "tooltip-item-".concat(i),
           style: finalItemStyle
-        }, isNumOrStr2(finalName) ? /* @__PURE__ */ React$2.createElement("span", { className: "recharts-tooltip-item-name" }, finalName) : null, isNumOrStr2(finalName) ? /* @__PURE__ */ React$2.createElement("span", { className: "recharts-tooltip-item-separator" }, separator) : null, /* @__PURE__ */ React$2.createElement("span", { className: "recharts-tooltip-item-value" }, finalValue), /* @__PURE__ */ React$2.createElement("span", { className: "recharts-tooltip-item-unit" }, entry.unit || ""));
+        }, isNumOrStr2(finalName) ? /* @__PURE__ */ React2.createElement("span", { className: "recharts-tooltip-item-name" }, finalName) : null, isNumOrStr2(finalName) ? /* @__PURE__ */ React2.createElement("span", { className: "recharts-tooltip-item-separator" }, separator) : null, /* @__PURE__ */ React2.createElement("span", { className: "recharts-tooltip-item-value" }, finalValue), /* @__PURE__ */ React2.createElement("span", { className: "recharts-tooltip-item-unit" }, entry.unit || ""));
       });
-      return /* @__PURE__ */ React$2.createElement("ul", {
+      return /* @__PURE__ */ React2.createElement("ul", {
         className: "recharts-tooltip-item-list",
         style: listStyle
       }, items);
@@ -85287,13 +85285,13 @@ var DefaultTooltipContent2 = (props) => {
     role: "status",
     "aria-live": "assertive"
   } : {};
-  return /* @__PURE__ */ React$2.createElement("div", _extends$25({
+  return /* @__PURE__ */ React2.createElement("div", _extends$25({
     className: wrapperCN,
     style: finalStyle
-  }, accessibilityAttributes), /* @__PURE__ */ React$2.createElement("p", {
+  }, accessibilityAttributes), /* @__PURE__ */ React2.createElement("p", {
     className: labelCN,
     style: finalLabelStyle
-  }, /* @__PURE__ */ React$2.isValidElement(finalLabel) ? finalLabel : "".concat(finalLabel)), renderContent2());
+  }, /* @__PURE__ */ React2.isValidElement(finalLabel) ? finalLabel : "".concat(finalLabel)), renderContent2());
 };
 var CSS_CLASS_PREFIX = "recharts-tooltip-wrapper";
 var TOOLTIP_HIDDEN = { visibility: "hidden" };
@@ -85528,14 +85526,14 @@ function resolveTransitionProperty(args) {
 function TooltipBoundingBoxImpl(props) {
   var _props$coordinate3, _props$coordinate4, _props$coordinate$x2, _props$coordinate5, _props$coordinate$y2, _props$coordinate6;
   var prefersReducedMotion = usePrefersReducedMotion();
-  var _React$useState2 = _slicedToArray$17(React$2.useState(() => ({
+  var _React$useState2 = _slicedToArray$17(React2.useState(() => ({
     dismissed: false,
     dismissedAtCoordinate: {
       x: 0,
       y: 0
     }
   })), 2), state = _React$useState2[0], setState = _React$useState2[1];
-  React$2.useEffect(() => {
+  React2.useEffect(() => {
     var handleKeyDown = (event) => {
       if (event.key === "Escape") {
         var _props$coordinate$x, _props$coordinate, _props$coordinate$y, _props$coordinate2;
@@ -85577,7 +85575,7 @@ function TooltipBoundingBoxImpl(props) {
     top: 0,
     left: 0
   })), {}, { visibility: !state.dismissed && props.active && props.hasPayload ? "visible" : "hidden" }, props.wrapperStyle);
-  return /* @__PURE__ */ React$2.createElement("div", {
+  return /* @__PURE__ */ React2.createElement("div", {
     xmlns: "http://www.w3.org/1999/xhtml",
     tabIndex: -1,
     className: cssClasses,
@@ -85585,7 +85583,7 @@ function TooltipBoundingBoxImpl(props) {
     ref: props.innerRef
   }, props.children);
 }
-var TooltipBoundingBox = /* @__PURE__ */ React$2.memo(TooltipBoundingBoxImpl);
+var TooltipBoundingBox = /* @__PURE__ */ React2.memo(TooltipBoundingBoxImpl);
 var useAccessibilityLayer = () => {
   var _useAppSelector;
   return (_useAppSelector = useAppSelector((state) => state.rootProps.accessibilityLayer)) !== null && _useAppSelector !== void 0 ? _useAppSelector : true;
@@ -85703,7 +85701,7 @@ var Curve2 = (props) => {
     connectNulls: props.connectNulls
   };
   var realPath = points && points.length ? getPath$1(getPathInput) : path2;
-  return /* @__PURE__ */ React$2.createElement("path", _extends$24({}, svgPropertiesNoEvents(props), adaptEventHandlers2(props), {
+  return /* @__PURE__ */ React2.createElement("path", _extends$24({}, svgPropertiesNoEvents(props), adaptEventHandlers2(props), {
     className: clsx("recharts-curve", className),
     d: realPath === null ? void 0 : realPath,
     ref: pathRef
@@ -85802,7 +85800,7 @@ var Cross2 = (_ref2) => {
     height
   }, rest2);
   if (!isNumber2(x2) || !isNumber2(y2) || !isNumber2(width) || !isNumber2(height) || !isNumber2(top) || !isNumber2(left)) return null;
-  return /* @__PURE__ */ React$2.createElement("path", _extends$23({}, svgPropertiesAndEvents(props), {
+  return /* @__PURE__ */ React2.createElement("path", _extends$23({}, svgPropertiesAndEvents(props), {
     className: clsx("recharts-cross", className),
     d: getPath3(x2, y2, width, height, top, left)
   }));
@@ -86596,7 +86594,7 @@ var Rectangle2 = (rectangleProps) => {
     var _svgPropertiesAndEven = svgPropertiesAndEvents(props);
     _svgPropertiesAndEven.radius;
     var otherPathProps = _objectWithoutProperties$22(_svgPropertiesAndEven, _excluded$22);
-    return /* @__PURE__ */ React$2.createElement("path", _extends$22({}, otherPathProps, {
+    return /* @__PURE__ */ React2.createElement("path", _extends$22({}, otherPathProps, {
       x: round(x2),
       y: round(y2),
       width: round(width),
@@ -86613,7 +86611,7 @@ var Rectangle2 = (rectangleProps) => {
   var from2 = "0px ".concat(totalLength === -1 ? 1 : totalLength, "px");
   var to2 = "".concat(totalLength, "px ").concat(totalLength, "px");
   var transition = getTransitionVal2(["strokeDasharray"], animationDuration, typeof animationEasing === "string" ? animationEasing : defaultRectangleProps.animationEasing);
-  return /* @__PURE__ */ React$2.createElement(JavascriptAnimate, {
+  return /* @__PURE__ */ React2.createElement(JavascriptAnimate, {
     animationId,
     key: animationId,
     canBegin: totalLength > 0,
@@ -86642,7 +86640,7 @@ var Rectangle2 = (rectangleProps) => {
     var _svgPropertiesAndEven2 = svgPropertiesAndEvents(props);
     _svgPropertiesAndEven2.radius;
     var otherPathProps2 = _objectWithoutProperties$22(_svgPropertiesAndEven2, _excluded2$12);
-    return /* @__PURE__ */ React$2.createElement("path", _extends$22({}, otherPathProps2, {
+    return /* @__PURE__ */ React2.createElement("path", _extends$22({}, otherPathProps2, {
       radius: typeof radius === "number" ? radius : void 0,
       className: layerClass,
       d: getRectanglePath2(currX, currY, currWidth, currHeight, radius),
@@ -87022,7 +87020,7 @@ var Sector2 = (sectorProps) => {
     startAngle,
     endAngle
   });
-  return /* @__PURE__ */ React$2.createElement("path", _extends$21({}, svgPropertiesAndEvents(props), {
+  return /* @__PURE__ */ React2.createElement("path", _extends$21({}, svgPropertiesAndEvents(props), {
     className: layerClass,
     d: path2
   }));
@@ -90197,7 +90195,7 @@ function CursorInternal(props) {
     payloadIndex: activeTooltipIndex,
     className: clsx("recharts-tooltip-cursor", extraClassName)
   });
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : preferredZIndex }, /* @__PURE__ */ React$2.createElement(RenderCursor, {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : preferredZIndex }, /* @__PURE__ */ React2.createElement(RenderCursor, {
     cursor,
     cursorComp,
     cursorProps
@@ -90209,7 +90207,7 @@ function Cursor(props) {
   var layout = useChartLayout();
   var chartName = useChartName();
   if (tooltipAxisBandSize == null || offset2 == null || layout == null || chartName == null) return null;
-  return /* @__PURE__ */ React$2.createElement(CursorInternal, _extends$20({}, props, {
+  return /* @__PURE__ */ React2.createElement(CursorInternal, _extends$20({}, props, {
     offset: offset2,
     layout,
     tooltipAxisBandSize,
@@ -90738,9 +90736,9 @@ function defaultUniqBy(entry) {
   return entry.dataKey;
 }
 function renderContent(content, props) {
-  if (/* @__PURE__ */ React$2.isValidElement(content)) return /* @__PURE__ */ React$2.cloneElement(content, props);
-  if (typeof content === "function") return /* @__PURE__ */ React$2.createElement(content, props);
-  return /* @__PURE__ */ React$2.createElement(DefaultTooltipContent2, props);
+  if (/* @__PURE__ */ React2.isValidElement(content)) return /* @__PURE__ */ React2.cloneElement(content, props);
+  if (typeof content === "function") return /* @__PURE__ */ React2.createElement(content, props);
+  return /* @__PURE__ */ React2.createElement(DefaultTooltipContent2, props);
 }
 var emptyPayload = [];
 var defaultTooltipProps = {
@@ -90818,7 +90816,7 @@ function Tooltip(outsideProps) {
     coordinate,
     accessibilityLayer
   });
-  var tooltipElement = /* @__PURE__ */ React$2.createElement(TooltipBoundingBox, {
+  var tooltipElement = /* @__PURE__ */ React2.createElement(TooltipBoundingBox, {
     allowEscapeViewBox,
     animationDuration,
     animationEasing,
@@ -90836,7 +90834,7 @@ function Tooltip(outsideProps) {
     innerRef: updateBoundingBox,
     hasPortalFromProps: Boolean(portalFromProps)
   }, renderContent(content, tooltipContentProps));
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ createPortal2(tooltipElement, tooltipPortal), finalIsActive && /* @__PURE__ */ React$2.createElement(Cursor, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ createPortal2(tooltipElement, tooltipPortal), finalIsActive && /* @__PURE__ */ React2.createElement(Cursor, {
     cursor,
     tooltipEventType,
     coordinate,
@@ -91442,7 +91440,7 @@ var Text2 = /* @__PURE__ */ forwardRef2((outsideProps, ref) => {
   }
   if (angle) transforms.push("rotate(".concat(angle, ", ").concat(x2, ", ").concat(y2, ")"));
   if (transforms.length) textProps.transform = transforms.join(" ");
-  return /* @__PURE__ */ React$2.createElement("text", _extends$19({}, svgPropertiesAndEvents(textProps), {
+  return /* @__PURE__ */ React2.createElement("text", _extends$19({}, svgPropertiesAndEvents(textProps), {
     ref,
     x: x2,
     y: y2,
@@ -91451,7 +91449,7 @@ var Text2 = /* @__PURE__ */ forwardRef2((outsideProps, ref) => {
     fill: fill.includes("url") ? DEFAULT_FILL : fill
   }), wordsByLines.map((line, index) => {
     var words = line.words.join(breakAll ? "" : " ");
-    return /* @__PURE__ */ React$2.createElement("tspan", {
+    return /* @__PURE__ */ React2.createElement("tspan", {
       x: x2,
       dy: index === 0 ? startDy : lineHeight,
       key: "".concat(words, "-").concat(index)
@@ -91549,7 +91547,7 @@ var CartesianLabelContextProvider = (_ref2) => {
     width,
     height
   ]);
-  return /* @__PURE__ */ React$2.createElement(CartesianLabelContext.Provider, { value: viewBox }, children);
+  return /* @__PURE__ */ React2.createElement(CartesianLabelContext.Provider, { value: viewBox }, children);
 };
 var useCartesianLabelContext = () => {
   var labelChildContext = useContext2(CartesianLabelContext);
@@ -91576,7 +91574,7 @@ var PolarLabelContextProvider = (_ref2) => {
     endAngle,
     clockWise
   ]);
-  return /* @__PURE__ */ React$2.createElement(PolarLabelContext.Provider, { value: viewBox }, children);
+  return /* @__PURE__ */ React2.createElement(PolarLabelContext.Provider, { value: viewBox }, children);
 };
 var usePolarLabelContext = () => {
   var labelChildContext = useContext2(PolarLabelContext);
@@ -91623,13 +91621,13 @@ var renderRadialLabel2 = (labelProps, position, label, attrs, viewBox) => {
   var endPoint = polarToCartesian2(cx, cy, radius, labelAngle + (direction ? 1 : -1) * 359);
   var path2 = "M".concat(startPoint.x, ",").concat(startPoint.y, "\n    A").concat(radius, ",").concat(radius, ",0,1,").concat(direction ? 0 : 1, ",\n    ").concat(endPoint.x, ",").concat(endPoint.y);
   var id = isNullish2(labelProps.id) ? uniqueId2("recharts-radial-line-") : labelProps.id;
-  return /* @__PURE__ */ React$2.createElement("text", _extends$18({}, attrs, {
+  return /* @__PURE__ */ React2.createElement("text", _extends$18({}, attrs, {
     dominantBaseline: "central",
     className: clsx("recharts-radial-bar-label", className)
-  }), /* @__PURE__ */ React$2.createElement("defs", null, /* @__PURE__ */ React$2.createElement("path", {
+  }), /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("path", {
     id,
     d: path2
-  })), /* @__PURE__ */ React$2.createElement("textPath", { xlinkHref: "#".concat(id) }, label));
+  })), /* @__PURE__ */ React2.createElement("textPath", { xlinkHref: "#".concat(id) }, label));
 };
 var getAttrsOfPolarLabel2 = (viewBox, offset2, position) => {
   var cx = viewBox.cx, cy = viewBox.cy, innerRadius = viewBox.innerRadius, outerRadius = viewBox.outerRadius;
@@ -91736,7 +91734,7 @@ function Label(outerProps) {
   var attrs = svgPropertiesAndEvents(props);
   if (isRadialPolarLabel && isPolar2(viewBox)) return renderRadialLabel2(props, position, label, attrs, viewBox);
   if (positionAttrs == null) return null;
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React$2.createElement(Text2, _extends$18({
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React2.createElement(Text2, _extends$18({
     ref: labelRef,
     className: clsx("recharts-label", className)
   }, attrs, positionAttrs, {
@@ -91751,23 +91749,23 @@ var parseLabel2 = (label, viewBox, labelRef) => {
     viewBox,
     labelRef
   };
-  if (label === true) return /* @__PURE__ */ React$2.createElement(Label, _extends$18({ key: "label-implicit" }, commonProps));
-  if (isNumOrStr2(label)) return /* @__PURE__ */ React$2.createElement(Label, _extends$18({
+  if (label === true) return /* @__PURE__ */ React2.createElement(Label, _extends$18({ key: "label-implicit" }, commonProps));
+  if (isNumOrStr2(label)) return /* @__PURE__ */ React2.createElement(Label, _extends$18({
     key: "label-implicit",
     value: label
   }, commonProps));
   if (/* @__PURE__ */ isValidElement2(label)) {
     if (label.type === Label) return /* @__PURE__ */ cloneElement2(label, _objectSpread$19({ key: "label-implicit" }, commonProps));
-    return /* @__PURE__ */ React$2.createElement(Label, _extends$18({
+    return /* @__PURE__ */ React2.createElement(Label, _extends$18({
       key: "label-implicit",
       content: label
     }, commonProps));
   }
-  if (isLabelContentAFunction(label)) return /* @__PURE__ */ React$2.createElement(Label, _extends$18({
+  if (isLabelContentAFunction(label)) return /* @__PURE__ */ React2.createElement(Label, _extends$18({
     key: "label-implicit",
     content: label
   }, commonProps));
-  if (label && typeof label === "object") return /* @__PURE__ */ React$2.createElement(Label, _extends$18({}, label, { key: "label-implicit" }, commonProps));
+  if (label && typeof label === "object") return /* @__PURE__ */ React2.createElement(Label, _extends$18({}, label, { key: "label-implicit" }, commonProps));
   return null;
 };
 function CartesianLabelFromLabelProp(_ref3) {
@@ -91831,11 +91829,11 @@ function LabelList(_ref2) {
   var polarData = usePolarLabelListContext();
   var data = cartesianData || polarData;
   if (!data || !data.length) return null;
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : DefaultZIndexes.label }, /* @__PURE__ */ React$2.createElement(Layer, { className: "recharts-label-list" }, data.map((entry, index) => {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : DefaultZIndexes.label }, /* @__PURE__ */ React2.createElement(Layer, { className: "recharts-label-list" }, data.map((entry, index) => {
     var _restProps$fill;
     var value = isNullish2(dataKey) ? valueAccessor(entry, index) : getValueByDataKey(entry.payload, dataKey);
     var idProps = isNullish2(id) ? {} : { id: "".concat(id, "-").concat(index) };
-    return /* @__PURE__ */ React$2.createElement(Label, _extends$17({ key: "label-".concat(index) }, svgPropertiesAndEvents(entry), others, idProps, {
+    return /* @__PURE__ */ React2.createElement(Label, _extends$17({ key: "label-".concat(index) }, svgPropertiesAndEvents(entry), others, idProps, {
       fill: (_restProps$fill = restProps.fill) !== null && _restProps$fill !== void 0 ? _restProps$fill : entry.fill,
       parentViewBox: entry.parentViewBox,
       value,
@@ -91850,12 +91848,12 @@ LabelList.displayName = "LabelList";
 function LabelListFromLabelProp(_ref2) {
   var label = _ref2.label;
   if (!label) return null;
-  if (label === true) return /* @__PURE__ */ React$2.createElement(LabelList, { key: "labelList-implicit" });
-  if (/* @__PURE__ */ React$2.isValidElement(label) || isLabelContentAFunction(label)) return /* @__PURE__ */ React$2.createElement(LabelList, {
+  if (label === true) return /* @__PURE__ */ React2.createElement(LabelList, { key: "labelList-implicit" });
+  if (/* @__PURE__ */ React2.isValidElement(label) || isLabelContentAFunction(label)) return /* @__PURE__ */ React2.createElement(LabelList, {
     key: "labelList-implicit",
     content: label
   });
-  if (typeof label === "object") return /* @__PURE__ */ React$2.createElement(LabelList, _extends$17({ key: "labelList-implicit" }, label, { type: String(label.type) }));
+  if (typeof label === "object") return /* @__PURE__ */ React2.createElement(LabelList, _extends$17({ key: "labelList-implicit" }, label, { type: String(label.type) }));
   return null;
 }
 function _extends$16() {
@@ -91870,7 +91868,7 @@ function _extends$16() {
 var Dot2 = (props) => {
   var cx = props.cx, cy = props.cy, r2 = props.r, className = props.className;
   var layerClass = clsx("recharts-dot", className);
-  if (isNumber2(cx) && isNumber2(cy) && isNumber2(r2)) return /* @__PURE__ */ React$2.createElement("circle", _extends$16({}, svgPropertiesNoEvents(props), adaptEventHandlers2(props), {
+  if (isNumber2(cx) && isNumber2(cy) && isNumber2(r2)) return /* @__PURE__ */ React2.createElement("circle", _extends$16({}, svgPropertiesNoEvents(props), adaptEventHandlers2(props), {
     className: layerClass,
     cx,
     cy,
@@ -92232,12 +92230,12 @@ function Shape(_ref2) {
   var index = getShapeIndex(shapeProps);
   var shape;
   if (/* @__PURE__ */ isValidElement2(option)) shape = renderWithShapeElement(option, shapeProps);
-  else if (option === DefaultShape) shape = /* @__PURE__ */ React$2.createElement(DefaultShape, shapeProps);
+  else if (option === DefaultShape) shape = /* @__PURE__ */ React2.createElement(DefaultShape, shapeProps);
   else if (typeof option === "function") shape = option(shapeProps, index);
-  else if (typeof option === "object") shape = /* @__PURE__ */ React$2.createElement(DefaultShape, mergeShapeProps(option, shapeProps));
-  else shape = /* @__PURE__ */ React$2.createElement(DefaultShape, shapeProps);
-  if (isActiveShape(shapeProps)) return /* @__PURE__ */ React$2.createElement(Layer, { className: activeClassName }, shape);
-  return /* @__PURE__ */ React$2.createElement(Layer, { className: inActiveClassName }, shape);
+  else if (typeof option === "object") shape = /* @__PURE__ */ React2.createElement(DefaultShape, mergeShapeProps(option, shapeProps));
+  else shape = /* @__PURE__ */ React2.createElement(DefaultShape, shapeProps);
+  if (isActiveShape(shapeProps)) return /* @__PURE__ */ React2.createElement(Layer, { className: activeClassName }, shape);
+  return /* @__PURE__ */ React2.createElement(Layer, { className: inActiveClassName }, shape);
 }
 var useMouseEnterItemDispatch = (onMouseEnterFromProps, dataKey, graphicalItemId) => {
   var dispatch = useAppDispatch();
@@ -92555,7 +92553,7 @@ function AnimatedItems(props) {
   var animationStartItems = useAnimationStartSnapshot(animationId, previousItemsRef);
   var rawPrevItems = (_animationStartItems$ = animationStartItems.startValue) !== null && _animationStartItems$ !== void 0 ? _animationStartItems$ : null;
   var animationItems = matchAnimationItems(rawPrevItems, items, animationMatchBy !== null && animationMatchBy !== void 0 ? animationMatchBy : matchByIndex);
-  return /* @__PURE__ */ React$2.createElement(JavascriptAnimate, {
+  return /* @__PURE__ */ React2.createElement(JavascriptAnimate, {
     animationId,
     begin: animationBegin,
     duration: animationDuration,
@@ -92617,9 +92615,9 @@ function _arrayWithHoles$6(r2) {
   if (Array.isArray(r2)) return r2;
 }
 var useIdFallback = () => {
-  return _slicedToArray$6(React$2.useState(() => uniqueId2("uid-")), 1)[0];
+  return _slicedToArray$6(React2.useState(() => uniqueId2("uid-")), 1)[0];
 };
-var useId$12 = (_ref = React$2["useId".toString()]) !== null && _ref !== void 0 ? _ref : useIdFallback;
+var useId$12 = (_ref = React2["useId".toString()]) !== null && _ref !== void 0 ? _ref : useIdFallback;
 function useUniqueId(prefix2, customId) {
   var generatedId = useId$12();
   if (customId) return customId;
@@ -92629,7 +92627,7 @@ var GraphicalItemIdContext = /* @__PURE__ */ createContext2(void 0);
 var RegisterGraphicalItemId = (_ref2) => {
   var id = _ref2.id, type = _ref2.type, children = _ref2.children;
   var resolvedId = useUniqueId("recharts-".concat(type), id);
-  return /* @__PURE__ */ React$2.createElement(GraphicalItemIdContext.Provider, { value: resolvedId }, children(resolvedId));
+  return /* @__PURE__ */ React2.createElement(GraphicalItemIdContext.Provider, { value: resolvedId }, children(resolvedId));
 };
 var graphicalItemsSlice = createSlice({
   name: "graphicalItems",
@@ -92817,11 +92815,11 @@ function SetPiePayloadLegend(props) {
   var cells = useMemo2(() => findAllByType(props.children, Cell2), [props.children]);
   var legendPayload = useAppSelector((state) => selectPieLegend(state, props.id, cells));
   if (legendPayload == null) return null;
-  return /* @__PURE__ */ React$2.createElement(SetPolarLegendPayload, { legendPayload });
+  return /* @__PURE__ */ React2.createElement(SetPolarLegendPayload, { legendPayload });
 }
 function getActiveShapeFill(activeShape) {
   if (activeShape == null || typeof activeShape === "boolean" || typeof activeShape === "function") return;
-  if (/* @__PURE__ */ React$2.isValidElement(activeShape)) {
+  if (/* @__PURE__ */ React2.isValidElement(activeShape)) {
     var _activeShape$props;
     var _fill = (_activeShape$props = activeShape.props) === null || _activeShape$props === void 0 ? void 0 : _activeShape$props.fill;
     return typeof _fill === "string" ? _fill : void 0;
@@ -92829,7 +92827,7 @@ function getActiveShapeFill(activeShape) {
   var fill = activeShape.fill;
   return typeof fill === "string" ? fill : void 0;
 }
-var SetPieTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
+var SetPieTooltipEntrySettings = /* @__PURE__ */ React2.memo((_ref2) => {
   var dataKey = _ref2.dataKey, nameKey = _ref2.nameKey, sectors = _ref2.sectors, stroke = _ref2.stroke, strokeWidth = _ref2.strokeWidth, fill = _ref2.fill, name = _ref2.name, hide = _ref2.hide, tooltipType = _ref2.tooltipType, formatter = _ref2.formatter, id = _ref2.id, activeShape = _ref2.activeShape;
   var activeShapeFill = getActiveShapeFill(activeShape);
   var tooltipEntrySettings = {
@@ -92860,7 +92858,7 @@ var SetPieTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
       graphicalItemId: id
     }
   };
-  return /* @__PURE__ */ React$2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
+  return /* @__PURE__ */ React2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
 });
 var getTextAnchor = (x2, cx) => {
   if (x2 > cx) return "start";
@@ -92886,25 +92884,25 @@ var parseDeltaAngle = (startAngle, endAngle) => {
   return mathSign2(endAngle - startAngle) * Math.min(Math.abs(endAngle - startAngle), 360);
 };
 var renderLabelLineItem = (option, props) => {
-  if (/* @__PURE__ */ React$2.isValidElement(option)) return /* @__PURE__ */ React$2.cloneElement(option, props);
+  if (/* @__PURE__ */ React2.isValidElement(option)) return /* @__PURE__ */ React2.cloneElement(option, props);
   if (typeof option === "function") return option(props);
   var className = clsx("recharts-pie-label-line", typeof option !== "boolean" ? option.className : "");
   props.key;
   var otherProps = _objectWithoutProperties$17(props, _excluded$17);
-  return /* @__PURE__ */ React$2.createElement(Curve2, _extends$15({}, otherProps, {
+  return /* @__PURE__ */ React2.createElement(Curve2, _extends$15({}, otherProps, {
     type: "linear",
     className
   }));
 };
 var renderLabelItem = (option, props, value) => {
-  if (/* @__PURE__ */ React$2.isValidElement(option)) return /* @__PURE__ */ React$2.cloneElement(option, props);
+  if (/* @__PURE__ */ React2.isValidElement(option)) return /* @__PURE__ */ React2.cloneElement(option, props);
   var label = value;
   if (typeof option === "function") {
     label = option(props);
-    if (/* @__PURE__ */ React$2.isValidElement(label)) return label;
+    if (/* @__PURE__ */ React2.isValidElement(label)) return label;
   }
   var className = clsx("recharts-pie-label-text", getClassNameFromUnknown(option));
-  return /* @__PURE__ */ React$2.createElement(Text2, _extends$15({}, props, {
+  return /* @__PURE__ */ React2.createElement(Text2, _extends$15({}, props, {
     alignmentBaseline: "middle",
     className
   }), label);
@@ -92932,18 +92930,18 @@ function PieLabels(_ref2) {
       points: [polarToCartesian2(entry.cx, entry.cy, entry.outerRadius, midAngle), endPoint],
       key: "line"
     });
-    return /* @__PURE__ */ React$2.createElement(ZIndexLayer, {
+    return /* @__PURE__ */ React2.createElement(ZIndexLayer, {
       zIndex: DefaultZIndexes.label,
       key: "label-".concat(entry.startAngle, "-").concat(entry.endAngle, "-").concat(entry.midAngle, "-").concat(i)
-    }, /* @__PURE__ */ React$2.createElement(Layer, null, labelLine && renderLabelLineItem(labelLine, lineProps), renderLabelItem(label, labelProps, getValueByDataKey(entry, dataKey))));
+    }, /* @__PURE__ */ React2.createElement(Layer, null, labelLine && renderLabelLineItem(labelLine, lineProps), renderLabelItem(label, labelProps, getValueByDataKey(entry, dataKey))));
   });
-  return /* @__PURE__ */ React$2.createElement(Layer, { className: "recharts-pie-labels" }, labels);
+  return /* @__PURE__ */ React2.createElement(Layer, { className: "recharts-pie-labels" }, labels);
 }
 function PieLabelList(_ref3) {
   var sectors = _ref3.sectors, props = _ref3.props, showLabels = _ref3.showLabels;
   var label = props.label;
-  if (typeof label === "object" && label != null && "position" in label) return /* @__PURE__ */ React$2.createElement(LabelListFromLabelProp, { label });
-  return /* @__PURE__ */ React$2.createElement(PieLabels, {
+  if (typeof label === "object" && label != null && "position" in label) return /* @__PURE__ */ React2.createElement(LabelListFromLabelProp, { label });
+  return /* @__PURE__ */ React2.createElement(PieLabels, {
     sectors,
     props,
     showLabels
@@ -92959,7 +92957,7 @@ function PieSectors(props) {
   var onMouseLeaveFromContext = useMouseLeaveItemDispatch(onMouseLeaveFromProps);
   var onClickFromContext = useMouseClickItemDispatch(onItemClickFromProps, allOtherPieProps.dataKey, id);
   if (sectors == null || sectors.length === 0) return null;
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, sectors.map((entry, i) => {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, sectors.map((entry, i) => {
     if ((entry === null || entry === void 0 ? void 0 : entry.startAngle) === 0 && (entry === null || entry === void 0 ? void 0 : entry.endAngle) === 0 && sectors.length !== 1) return null;
     var graphicalItemMatches = activeGraphicalItemId == null || activeGraphicalItemId === id;
     var isActive = String(i) === activeIndex && (activeDataKey == null || allOtherPieProps.dataKey === activeDataKey) && graphicalItemMatches;
@@ -92975,7 +92973,7 @@ function PieSectors(props) {
       [DATA_ITEM_INDEX_ATTRIBUTE_NAME]: i,
       [DATA_ITEM_GRAPHICAL_ITEM_ID_ATTRIBUTE_NAME]: id
     });
-    return /* @__PURE__ */ React$2.createElement(Layer, _extends$15({
+    return /* @__PURE__ */ React2.createElement(Layer, _extends$15({
       key: "sector-".concat(entry === null || entry === void 0 ? void 0 : entry.startAngle, "-").concat(entry === null || entry === void 0 ? void 0 : entry.endAngle, "-").concat(entry.midAngle, "-").concat(i),
       tabIndex: -1,
       className: "recharts-pie-sector"
@@ -92983,7 +92981,7 @@ function PieSectors(props) {
       onMouseEnter: onMouseEnterFromContext(entry, i),
       onMouseLeave: onMouseLeaveFromContext(entry, i),
       onClick: onClickFromContext(entry, i)
-    }), /* @__PURE__ */ React$2.createElement(Shape, {
+    }), /* @__PURE__ */ React2.createElement(Shape, {
       option: sectorOptions !== null && sectorOptions !== void 0 ? sectorOptions : shape,
       DefaultShape: defaultPieSectorShape,
       shapeProps: sectorProps
@@ -93079,7 +93077,7 @@ function PieLabelListProvider(_ref5) {
       fill: entry.fill
     }));
   }, [sectors, showLabels]);
-  return /* @__PURE__ */ React$2.createElement(PolarLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
+  return /* @__PURE__ */ React2.createElement(PolarLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
 }
 var defaultPieAnimateItems = (items, animationElapsedTime) => {
   if (items == null) return [];
@@ -93117,10 +93115,10 @@ function SectorsWithAnimation(_ref6) {
   var layout = usePolarChartLayout();
   if (layout == null) return null;
   var firstSector = sectors[0];
-  return /* @__PURE__ */ React$2.createElement(PieLabelListProvider, {
+  return /* @__PURE__ */ React2.createElement(PieLabelListProvider, {
     showLabels: !isAnimating,
     sectors
-  }, /* @__PURE__ */ React$2.createElement(AnimatedItems, {
+  }, /* @__PURE__ */ React2.createElement(AnimatedItems, {
     animationInput: props,
     animationIdPrefix: "recharts-pie-",
     items: sectors,
@@ -93134,7 +93132,7 @@ function SectorsWithAnimation(_ref6) {
     animationInterpolateFn,
     animationMatchBy: props.animationMatchBy,
     layout
-  }, (stepData, animationElapsedTime, isEntrance) => /* @__PURE__ */ React$2.createElement(Layer, null, /* @__PURE__ */ React$2.createElement(PieSectors, {
+  }, (stepData, animationElapsedTime, isEntrance) => /* @__PURE__ */ React2.createElement(Layer, null, /* @__PURE__ */ React2.createElement(PieSectors, {
     sectors: stepData,
     activeShape,
     inactiveShape,
@@ -93144,11 +93142,11 @@ function SectorsWithAnimation(_ref6) {
     animationElapsedTime,
     isAnimating: isAnimating || animationElapsedTime < 1,
     isEntrance
-  }))), /* @__PURE__ */ React$2.createElement(PieLabelList, {
+  }))), /* @__PURE__ */ React2.createElement(PieLabelList, {
     showLabels: !isAnimating,
     sectors,
     props
-  }), /* @__PURE__ */ React$2.createElement(PolarLabelContextProvider, {
+  }), /* @__PURE__ */ React2.createElement(PolarLabelContextProvider, {
     cx: (_firstSector$cx = firstSector === null || firstSector === void 0 ? void 0 : firstSector.cx) !== null && _firstSector$cx !== void 0 ? _firstSector$cx : 0,
     cy: (_firstSector$cy = firstSector === null || firstSector === void 0 ? void 0 : firstSector.cy) !== null && _firstSector$cy !== void 0 ? _firstSector$cy : 0,
     innerRadius: (_firstSector$innerRad = firstSector === null || firstSector === void 0 ? void 0 : firstSector.innerRadius) !== null && _firstSector$innerRad !== void 0 ? _firstSector$innerRad : 0,
@@ -93194,12 +93192,12 @@ function PieImpl(props) {
   var layerClass = clsx("recharts-pie", className);
   if (hide || sectors == null) {
     previousSectorsRef.current = null;
-    return /* @__PURE__ */ React$2.createElement(Layer, {
+    return /* @__PURE__ */ React2.createElement(Layer, {
       tabIndex: rootTabIndex,
       className: layerClass
     });
   }
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React$2.createElement(SetPieTooltipEntrySettings, {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React2.createElement(SetPieTooltipEntrySettings, {
     dataKey: props.dataKey,
     nameKey: props.nameKey,
     sectors,
@@ -93212,10 +93210,10 @@ function PieImpl(props) {
     formatter: props.formatter,
     id,
     activeShape: props.activeShape
-  }), /* @__PURE__ */ React$2.createElement(Layer, {
+  }), /* @__PURE__ */ React2.createElement(Layer, {
     tabIndex: rootTabIndex,
     className: layerClass
-  }, /* @__PURE__ */ React$2.createElement(SectorsWithAnimation, {
+  }, /* @__PURE__ */ React2.createElement(SectorsWithAnimation, {
     props: _objectSpread$16(_objectSpread$16({}, propsWithoutId), {}, { sectors }),
     previousSectorsRef,
     id
@@ -93225,10 +93223,10 @@ function PieFn(outsideProps) {
   var props = resolveDefaultProps(outsideProps, defaultPieProps);
   var externalId = props.id, propsWithoutId = _objectWithoutProperties$17(props, _excluded4$2);
   var presentationProps = svgPropertiesNoEvents(propsWithoutId);
-  return /* @__PURE__ */ React$2.createElement(RegisterGraphicalItemId, {
+  return /* @__PURE__ */ React2.createElement(RegisterGraphicalItemId, {
     id: externalId,
     type: "pie"
-  }, (id) => /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(SetPolarGraphicalItem, {
+  }, (id) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SetPolarGraphicalItem, {
     type: "pie",
     id,
     data: propsWithoutId.data,
@@ -93252,7 +93250,7 @@ function PieFn(outsideProps) {
     cornerRadius: propsWithoutId.cornerRadius,
     presentationProps,
     maxRadius: props.maxRadius
-  }), /* @__PURE__ */ React$2.createElement(SetPiePayloadLegend, _extends$15({}, propsWithoutId, { id })), /* @__PURE__ */ React$2.createElement(PieImpl, _extends$15({}, propsWithoutId, { id }))));
+  }), /* @__PURE__ */ React2.createElement(SetPiePayloadLegend, _extends$15({}, propsWithoutId, { id })), /* @__PURE__ */ React2.createElement(PieImpl, _extends$15({}, propsWithoutId, { id }))));
 }
 var Pie = PieFn;
 Pie.displayName = "Pie";
@@ -93334,7 +93332,7 @@ function DotItem(_ref2) {
   var finalClassName = clsx(className, typeof option !== "boolean" ? option.className : ""), _ref22 = dotProps !== null && dotProps !== void 0 ? dotProps : {};
   _ref22.points;
   var props = _objectWithoutProperties$16(_ref22, _excluded$16);
-  return /* @__PURE__ */ React$2.createElement(Dot2, _extends$14({}, props, { className: finalClassName }));
+  return /* @__PURE__ */ React2.createElement(Dot2, _extends$14({}, props, { className: finalClassName }));
 }
 function shouldRenderDots(points, dot2) {
   if (points == null) return false;
@@ -93357,7 +93355,7 @@ function Dots(_ref3) {
       payload: entry.payload,
       points
     });
-    return /* @__PURE__ */ React$2.createElement(DotItem, {
+    return /* @__PURE__ */ React2.createElement(DotItem, {
       key: "dot-".concat(i),
       option: dot2,
       dotProps,
@@ -93366,7 +93364,7 @@ function Dots(_ref3) {
   });
   var layerProps = {};
   if (needClip && clipPathId != null) layerProps.clipPath = "url(#clipPath-".concat(clipDot ? "" : "dots-").concat(clipPathId, ")");
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React$2.createElement(Layer, _extends$14({ className }, layerProps), dots));
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React2.createElement(Layer, _extends$14({ className }, layerProps), dots));
 }
 function ownKeys$14(e, r2) {
   var t = Object.keys(e);
@@ -93615,8 +93613,8 @@ var ActivePoint = (_ref2) => {
   var dot2;
   if (/* @__PURE__ */ isValidElement2(activeDot)) dot2 = /* @__PURE__ */ cloneElement2(activeDot, dotProps);
   else if (typeof activeDot === "function") dot2 = activeDot(dotProps);
-  else dot2 = /* @__PURE__ */ React$2.createElement(Dot2, dotProps);
-  return /* @__PURE__ */ React$2.createElement(Layer, {
+  else dot2 = /* @__PURE__ */ React2.createElement(Dot2, dotProps);
+  return /* @__PURE__ */ React2.createElement(Layer, {
     className: "recharts-active-dot",
     clipPath
   }, dot2);
@@ -93628,7 +93626,7 @@ function ActivePoints(_ref2) {
   if (points == null || activeDataPoints == null) return null;
   var activePoint = points.find((p) => activeDataPoints.includes(p.payload));
   if (isNullish2(activePoint)) return null;
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React$2.createElement(ActivePoint, {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React2.createElement(ActivePoint, {
     point: activePoint,
     childIndex: Number(activeTooltipIndex),
     mainColor,
@@ -93977,7 +93975,7 @@ var ClipPathProvider = (_ref2) => {
   var plotArea = usePlotArea();
   if (plotArea == null) return null;
   var x2 = plotArea.x, y2 = plotArea.y, width = plotArea.width, height = plotArea.height;
-  return /* @__PURE__ */ React$2.createElement(ClipPathIdContext.Provider, { value: clipPathId }, /* @__PURE__ */ React$2.createElement("defs", null, /* @__PURE__ */ React$2.createElement("clipPath", { id: clipPathId }, /* @__PURE__ */ React$2.createElement("rect", {
+  return /* @__PURE__ */ React2.createElement(ClipPathIdContext.Provider, { value: clipPathId }, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("clipPath", { id: clipPathId }, /* @__PURE__ */ React2.createElement("rect", {
     x: x2,
     y: y2,
     height,
@@ -94591,7 +94589,7 @@ function AxisLine(axisLineProps) {
       y2: y2 + height
     });
   }
-  return /* @__PURE__ */ React$2.createElement("line", _extends$13({}, props, { className: clsx("recharts-cartesian-axis-line", get$1(axisLine, "className")) }));
+  return /* @__PURE__ */ React2.createElement("line", _extends$13({}, props, { className: clsx("recharts-cartesian-axis-line", get$1(axisLine, "className")) }));
 }
 function getTickLineCoord(data, x2, y2, width, height, orientation, tickSize, mirror, tickMargin) {
   var x1, x22, y1, y22, tx, ty;
@@ -94665,12 +94663,12 @@ function TickItem(props) {
   var option = props.option, tickProps = props.tickProps, value = props.value;
   var tickItem;
   var combinedClassName = clsx(tickProps.className, "recharts-cartesian-axis-tick-value");
-  if (/* @__PURE__ */ React$2.isValidElement(option)) tickItem = /* @__PURE__ */ React$2.cloneElement(option, _objectSpread$10(_objectSpread$10({}, tickProps), {}, { className: combinedClassName }));
+  if (/* @__PURE__ */ React2.isValidElement(option)) tickItem = /* @__PURE__ */ React2.cloneElement(option, _objectSpread$10(_objectSpread$10({}, tickProps), {}, { className: combinedClassName }));
   else if (typeof option === "function") tickItem = option(_objectSpread$10(_objectSpread$10({}, tickProps), {}, { className: combinedClassName }));
   else {
     var className = "recharts-cartesian-axis-tick-value";
     if (typeof option !== "boolean") className = clsx(className, getClassNameFromUnknown(option));
-    tickItem = /* @__PURE__ */ React$2.createElement(Text2, _extends$13({}, tickProps, { className }), value);
+    tickItem = /* @__PURE__ */ React2.createElement(Text2, _extends$13({}, tickProps, { className }), value);
   }
   return tickItem;
 }
@@ -94732,10 +94730,10 @@ var Ticks = /* @__PURE__ */ forwardRef2((props, ref) => {
   var tickLineCoords = finalTicks.map((entry) => _objectSpread$10({ entry }, getTickLineCoord(entry, x2, y2, width, height, orientation, tickSize, mirror, tickMargin)));
   var tickLines = tickLineCoords.map((_ref2) => {
     var entry = _ref2.entry, lineCoord = _ref2.line;
-    return /* @__PURE__ */ React$2.createElement(Layer, {
+    return /* @__PURE__ */ React2.createElement(Layer, {
       className: "recharts-cartesian-axis-tick",
       key: "tick-".concat(entry.value, "-").concat(entry.coordinate, "-").concat(entry.tickCoord)
-    }, tickLine && /* @__PURE__ */ React$2.createElement("line", _extends$13({}, tickLineProps, lineCoord, { className: clsx("recharts-cartesian-axis-tick-line", get$1(tickLine, "className")) })));
+    }, tickLine && /* @__PURE__ */ React2.createElement("line", _extends$13({}, tickLineProps, lineCoord, { className: clsx("recharts-cartesian-axis-tick-line", get$1(tickLine, "className")) })));
   });
   var tickLabels = tickLineCoords.map((_ref3, i) => {
     var _ref4, _tickTextProps$angle;
@@ -94751,23 +94749,23 @@ var Ticks = /* @__PURE__ */ forwardRef2((props, ref) => {
       tickFormatter,
       padding
     }, tickTextProps), {}, { angle: (_ref4 = (_tickTextProps$angle = tickTextProps === null || tickTextProps === void 0 ? void 0 : tickTextProps.angle) !== null && _tickTextProps$angle !== void 0 ? _tickTextProps$angle : axisProps.angle) !== null && _ref4 !== void 0 ? _ref4 : 0 })), customTickProps);
-    return /* @__PURE__ */ React$2.createElement(Layer, _extends$13({
+    return /* @__PURE__ */ React2.createElement(Layer, _extends$13({
       className: "recharts-cartesian-axis-tick-label",
       key: "tick-label-".concat(entry.value, "-").concat(entry.coordinate, "-").concat(entry.tickCoord)
-    }, adaptEventsOfChild2(events, entry, i)), tick && /* @__PURE__ */ React$2.createElement(TickItem, {
+    }, adaptEventsOfChild2(events, entry, i)), tick && /* @__PURE__ */ React2.createElement(TickItem, {
       option: tick,
       tickProps: finalTickProps,
       value: "".concat(typeof tickFormatter === "function" ? tickFormatter(entry.value, i) : entry.value).concat(unit2 || "")
     }));
   });
-  return /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-axis-ticks recharts-".concat(axisType, "-ticks") }, /* @__PURE__ */ React$2.createElement(RenderedTicksReporter, {
+  return /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-axis-ticks recharts-".concat(axisType, "-ticks") }, /* @__PURE__ */ React2.createElement(RenderedTicksReporter, {
     ticks: finalTicks,
     axisId,
     axisType
-  }), tickLabels.length > 0 && /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: DefaultZIndexes.label }, /* @__PURE__ */ React$2.createElement("g", {
+  }), tickLabels.length > 0 && /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: DefaultZIndexes.label }, /* @__PURE__ */ React2.createElement("g", {
     className: "recharts-cartesian-axis-tick-labels recharts-".concat(axisType, "-tick-labels"),
     ref
-  }, tickLabels)), tickLines.length > 0 && /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-axis-tick-lines recharts-".concat(axisType, "-tick-lines") }, tickLines));
+  }, tickLabels)), tickLines.length > 0 && /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-axis-tick-lines recharts-".concat(axisType, "-tick-lines") }, tickLines));
 });
 var CartesianAxisComponent = /* @__PURE__ */ forwardRef2((props, ref) => {
   var axisLine = props.axisLine, width = props.width, height = props.height, className = props.className, hide = props.hide, ticks2 = props.ticks, axisType = props.axisType, axisId = props.axisId, rest2 = _objectWithoutProperties$15(props, _excluded$15);
@@ -94814,7 +94812,7 @@ var CartesianAxisComponent = /* @__PURE__ */ forwardRef2((props, ref) => {
   }, [fontSize, letterSpacing]);
   if (hide) return null;
   if (width != null && width <= 0 || height != null && height <= 0) return null;
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React$2.createElement(Layer, { className: clsx("recharts-cartesian-axis", className) }, /* @__PURE__ */ React$2.createElement(AxisLine, {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React2.createElement(Layer, { className: clsx("recharts-cartesian-axis", className) }, /* @__PURE__ */ React2.createElement(AxisLine, {
     x: props.x,
     y: props.y,
     width,
@@ -94823,7 +94821,7 @@ var CartesianAxisComponent = /* @__PURE__ */ forwardRef2((props, ref) => {
     mirror: props.mirror,
     axisLine,
     otherSvgProps: svgPropertiesNoEvents(props)
-  }), /* @__PURE__ */ React$2.createElement(Ticks, {
+  }), /* @__PURE__ */ React2.createElement(Ticks, {
     ref: layerRef,
     axisType,
     events: rest2,
@@ -94847,21 +94845,21 @@ var CartesianAxisComponent = /* @__PURE__ */ forwardRef2((props, ref) => {
     x: props.x,
     y: props.y,
     axisId
-  }), /* @__PURE__ */ React$2.createElement(CartesianLabelContextProvider, {
+  }), /* @__PURE__ */ React2.createElement(CartesianLabelContextProvider, {
     x: props.x,
     y: props.y,
     width: props.width,
     height: props.height,
     lowerWidth: props.width,
     upperWidth: props.width
-  }, /* @__PURE__ */ React$2.createElement(CartesianLabelFromLabelProp, {
+  }, /* @__PURE__ */ React2.createElement(CartesianLabelFromLabelProp, {
     label: props.label,
     labelRef: props.labelRef
   }), props.children)));
 });
-var CartesianAxis = /* @__PURE__ */ React$2.forwardRef((outsideProps, ref) => {
+var CartesianAxis = /* @__PURE__ */ React2.forwardRef((outsideProps, ref) => {
   var props = resolveDefaultProps(outsideProps, defaultCartesianAxisProps);
-  return /* @__PURE__ */ React$2.createElement(CartesianAxisComponent, _extends$13({}, props, { ref }));
+  return /* @__PURE__ */ React2.createElement(CartesianAxisComponent, _extends$13({}, props, { ref }));
 });
 CartesianAxis.displayName = "CartesianAxis";
 var RechartsThemeContext = /* @__PURE__ */ createContext2({ grid: {
@@ -94954,7 +94952,7 @@ var Background2 = (props) => {
   var fill = props.fill;
   if (!fill || fill === "none") return null;
   var fillOpacity = props.fillOpacity, x2 = props.x, y2 = props.y, width = props.width, height = props.height, ry = props.ry;
-  return /* @__PURE__ */ React$2.createElement("rect", {
+  return /* @__PURE__ */ React2.createElement("rect", {
     x: x2,
     y: y2,
     ry,
@@ -94969,7 +94967,7 @@ var Background2 = (props) => {
 function LineItem(_ref2) {
   var option = _ref2.option, lineItemProps = _ref2.lineItemProps;
   var lineItem;
-  if (/* @__PURE__ */ React$2.isValidElement(option)) lineItem = /* @__PURE__ */ React$2.cloneElement(option, lineItemProps);
+  if (/* @__PURE__ */ React2.isValidElement(option)) lineItem = /* @__PURE__ */ React2.cloneElement(option, lineItemProps);
   else if (typeof option === "function") lineItem = option(lineItemProps);
   else {
     var _svgPropertiesNoEvent;
@@ -94977,7 +94975,7 @@ function LineItem(_ref2) {
     _ref22.offset;
     var restOfFilteredProps = _objectWithoutProperties$14(_ref22, _excluded2$7);
     var strokeDasharray = Array.isArray(restOfFilteredProps.strokeDasharray) ? restOfFilteredProps.strokeDasharray.join(",") : restOfFilteredProps.strokeDasharray;
-    lineItem = /* @__PURE__ */ React$2.createElement("line", _extends$12({}, restOfFilteredProps, {
+    lineItem = /* @__PURE__ */ React2.createElement("line", _extends$12({}, restOfFilteredProps, {
       strokeDasharray,
       x1,
       y1,
@@ -95004,13 +95002,13 @@ function HorizontalGridLines(props) {
       key: "line-".concat(i),
       index: i
     });
-    return /* @__PURE__ */ React$2.createElement(LineItem, {
+    return /* @__PURE__ */ React2.createElement(LineItem, {
       key: "line-".concat(i),
       option: horizontal,
       lineItemProps
     });
   });
-  return /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-grid-horizontal" }, items);
+  return /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-grid-horizontal" }, items);
 }
 function VerticalGridLines(props) {
   var y2 = props.y, height = props.height, _props$vertical = props.vertical, vertical = _props$vertical === void 0 ? true : _props$vertical, verticalPoints = props.verticalPoints;
@@ -95027,13 +95025,13 @@ function VerticalGridLines(props) {
       key: "line-".concat(i),
       index: i
     });
-    return /* @__PURE__ */ React$2.createElement(LineItem, {
+    return /* @__PURE__ */ React2.createElement(LineItem, {
       option: vertical,
       lineItemProps,
       key: "line-".concat(i)
     });
   });
-  return /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-grid-vertical" }, items);
+  return /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-grid-vertical" }, items);
 }
 function HorizontalStripes(props) {
   var horizontalFill = props.horizontalFill, fillOpacity = props.fillOpacity, x2 = props.x, y2 = props.y, width = props.width, height = props.height, horizontalPoints = props.horizontalPoints, _props$horizontal2 = props.horizontal;
@@ -95045,7 +95043,7 @@ function HorizontalStripes(props) {
     var lineHeight = nextPoint == null ? y2 + height - entry : nextPoint - entry;
     if (lineHeight <= 0) return null;
     var colorIndex = i % horizontalFill.length;
-    return /* @__PURE__ */ React$2.createElement("rect", {
+    return /* @__PURE__ */ React2.createElement("rect", {
       key: "react-".concat(i),
       y: entry,
       x: x2,
@@ -95057,7 +95055,7 @@ function HorizontalStripes(props) {
       className: "recharts-cartesian-grid-bg"
     });
   });
-  return /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-gridstripes-horizontal" }, items);
+  return /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-gridstripes-horizontal" }, items);
 }
 function VerticalStripes(props) {
   var _props$vertical2 = props.vertical, vertical = _props$vertical2 === void 0 ? true : _props$vertical2, verticalFill = props.verticalFill, fillOpacity = props.fillOpacity, x2 = props.x, y2 = props.y, width = props.width, height = props.height, verticalPoints = props.verticalPoints;
@@ -95069,7 +95067,7 @@ function VerticalStripes(props) {
     var lineWidth = nextPoint == null ? x2 + width - entry : nextPoint - entry;
     if (lineWidth <= 0) return null;
     var colorIndex = i % verticalFill.length;
-    return /* @__PURE__ */ React$2.createElement("rect", {
+    return /* @__PURE__ */ React2.createElement("rect", {
       key: "react-".concat(i),
       x: entry,
       y: y2,
@@ -95081,7 +95079,7 @@ function VerticalStripes(props) {
       className: "recharts-cartesian-grid-bg"
     });
   });
-  return /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-gridstripes-vertical" }, items);
+  return /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-gridstripes-vertical" }, items);
 }
 var defaultVerticalCoordinatesGenerator2 = (_ref3, syncWithTicks) => {
   var xAxis = _ref3.xAxis, width = _ref3.width, height = _ref3.height, offset2 = _ref3.offset;
@@ -95167,7 +95165,7 @@ function CartesianGrid(props) {
     warn3(Array.isArray(_generatorResult), "verticalCoordinatesGenerator should return Array but instead it returned [".concat(typeof _generatorResult, "]"));
     if (Array.isArray(_generatorResult)) verticalPoints = _generatorResult;
   }
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: propsIncludingDefaults.zIndex }, /* @__PURE__ */ React$2.createElement("g", { className: "recharts-cartesian-grid" }, /* @__PURE__ */ React$2.createElement(Background2, {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: propsIncludingDefaults.zIndex }, /* @__PURE__ */ React2.createElement("g", { className: "recharts-cartesian-grid" }, /* @__PURE__ */ React2.createElement(Background2, {
     fill: (_propsIncludingDefaul5 = propsIncludingDefaults.fill) !== null && _propsIncludingDefaul5 !== void 0 ? _propsIncludingDefaul5 : theme.grid.fill,
     fillOpacity: (_propsIncludingDefaul6 = propsIncludingDefaults.fillOpacity) !== null && _propsIncludingDefaul6 !== void 0 ? _propsIncludingDefaul6 : theme.grid.fillOpacity,
     x: propsIncludingDefaults.x,
@@ -95175,12 +95173,12 @@ function CartesianGrid(props) {
     width: propsIncludingDefaults.width,
     height: propsIncludingDefaults.height,
     ry: propsIncludingDefaults.ry
-  }), /* @__PURE__ */ React$2.createElement(HorizontalStripes, _extends$12({}, propsIncludingDefaults, { horizontalPoints })), /* @__PURE__ */ React$2.createElement(VerticalStripes, _extends$12({}, propsIncludingDefaults, { verticalPoints })), /* @__PURE__ */ React$2.createElement(HorizontalGridLines, _extends$12({}, propsIncludingDefaults, themeProps, {
+  }), /* @__PURE__ */ React2.createElement(HorizontalStripes, _extends$12({}, propsIncludingDefaults, { horizontalPoints })), /* @__PURE__ */ React2.createElement(VerticalStripes, _extends$12({}, propsIncludingDefaults, { verticalPoints })), /* @__PURE__ */ React2.createElement(HorizontalGridLines, _extends$12({}, propsIncludingDefaults, themeProps, {
     offset: offset2,
     horizontalPoints,
     xAxis,
     yAxis
-  })), /* @__PURE__ */ React$2.createElement(VerticalGridLines, _extends$12({}, propsIncludingDefaults, themeProps, {
+  })), /* @__PURE__ */ React2.createElement(VerticalGridLines, _extends$12({}, propsIncludingDefaults, themeProps, {
     offset: offset2,
     verticalPoints,
     xAxis,
@@ -95279,7 +95277,7 @@ function LineDrawShape(props) {
     var pathRef = curveProps.pathRef;
     strokeDasharray = computeAnimatedStrokeDasharray(userStrokeDasharray, getTotalLength$1((_pathRef$current = pathRef === null || pathRef === void 0 ? void 0 : pathRef.current) !== null && _pathRef$current !== void 0 ? _pathRef$current : null), visibleLength);
   } else if (userStrokeDasharray != null) strokeDasharray = String(userStrokeDasharray);
-  return /* @__PURE__ */ React$2.createElement(Curve2, _extends$11({}, curveProps, {
+  return /* @__PURE__ */ React2.createElement(Curve2, _extends$11({}, curveProps, {
     connectNulls: finalConnectNulls,
     strokeDasharray
   }));
@@ -95362,7 +95360,7 @@ var ErrorBarContext = /* @__PURE__ */ createContext2({
 });
 function SetErrorBarContext(props) {
   var children = props.children, rest2 = _objectWithoutProperties$12(props, _excluded$12);
-  return /* @__PURE__ */ React$2.createElement(ErrorBarContext.Provider, { value: rest2 }, children);
+  return /* @__PURE__ */ React2.createElement(ErrorBarContext.Provider, { value: rest2 }, children);
 }
 function useNeedsClip(xAxisId, yAxisId) {
   var _xAxis$allowDataOverf, _yAxis$allowDataOverf;
@@ -95388,7 +95386,7 @@ function GraphicalItemClipPath(_ref2) {
   var clipY = needClipY && yAxisRange ? Math.min(yAxisRange[0], yAxisRange[1]) : y2 - height / 2;
   var clipWidth = needClipX && xAxisRange ? Math.abs(xAxisRange[1] - xAxisRange[0]) : width * 2;
   var clipHeight = needClipY && yAxisRange ? Math.abs(yAxisRange[1] - yAxisRange[0]) : height * 2;
-  return /* @__PURE__ */ React$2.createElement("clipPath", { id: "clipPath-".concat(clipPathId) }, /* @__PURE__ */ React$2.createElement("rect", {
+  return /* @__PURE__ */ React2.createElement("clipPath", { id: "clipPath-".concat(clipPathId) }, /* @__PURE__ */ React2.createElement("rect", {
     x: clipX,
     y: clipY,
     width: clipWidth,
@@ -95634,7 +95632,7 @@ var computeLegendPayloadFromAreaData$1 = (props) => {
     payload: props
   }];
 };
-var SetLineTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
+var SetLineTooltipEntrySettings = /* @__PURE__ */ React2.memo((_ref2) => {
   var dataKey = _ref2.dataKey, data = _ref2.data, stroke = _ref2.stroke, strokeWidth = _ref2.strokeWidth, fill = _ref2.fill, name = _ref2.name, hide = _ref2.hide, unit2 = _ref2.unit, formatter = _ref2.formatter, tooltipType = _ref2.tooltipType, id = _ref2.id;
   var tooltipEntrySettings = {
     dataDefinedOnItem: data,
@@ -95654,14 +95652,14 @@ var SetLineTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
       graphicalItemId: id
     }
   };
-  return /* @__PURE__ */ React$2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
+  return /* @__PURE__ */ React2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
 });
 function LineDotsWrapper(_ref2) {
   var clipPathId = _ref2.clipPathId, points = _ref2.points, props = _ref2.props;
   var dot2 = props.dot, dataKey = props.dataKey, needClip = props.needClip;
   props.id;
   var lineProps = svgPropertiesNoEvents(_objectWithoutProperties$11(props, _excluded$11));
-  return /* @__PURE__ */ React$2.createElement(Dots, {
+  return /* @__PURE__ */ React2.createElement(Dots, {
     points,
     dot: dot2,
     className: "recharts-line-dots",
@@ -95694,7 +95692,7 @@ function LineLabelListProvider(_ref3) {
       });
     });
   }, [points]);
-  return /* @__PURE__ */ React$2.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
+  return /* @__PURE__ */ React2.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
 }
 function StaticCurve(_ref4) {
   var clipPathId = _ref4.clipPathId, pathRef = _ref4.pathRef, points = _ref4.points, props = _ref4.props, animationElapsedTime = _ref4.animationElapsedTime, isAnimating = _ref4.isAnimating, isEntrance = _ref4.isEntrance, visibleLength = _ref4.visibleLength;
@@ -95714,11 +95712,11 @@ function StaticCurve(_ref4) {
     isEntrance: props.animateNewValues ? isEntrance : false,
     visibleLength
   });
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, (points === null || points === void 0 ? void 0 : points.length) > 1 && /* @__PURE__ */ React$2.createElement(Shape, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, (points === null || points === void 0 ? void 0 : points.length) > 1 && /* @__PURE__ */ React2.createElement(Shape, {
     option: shape,
     DefaultShape: defaultLineProps.shape,
     shapeProps: curveProps
-  }), /* @__PURE__ */ React$2.createElement(LineDotsWrapper, {
+  }), /* @__PURE__ */ React2.createElement(LineDotsWrapper, {
     points,
     clipPathId,
     props
@@ -95732,10 +95730,10 @@ function CurveWithAnimation(_ref5) {
   var showLabels = !isAnimating;
   var getVisibleLength = useAnimatedLineLength(points);
   var shouldUpdatePreviousRef = useCallback2((animationElapsedTime) => animationElapsedTime > 0 && totalLength > 0, [totalLength]);
-  return /* @__PURE__ */ React$2.createElement(LineLabelListProvider, {
+  return /* @__PURE__ */ React2.createElement(LineLabelListProvider, {
     points,
     showLabels
-  }, props.children, /* @__PURE__ */ React$2.createElement(AnimatedItems, {
+  }, props.children, /* @__PURE__ */ React2.createElement(AnimatedItems, {
     animationInput: points,
     animationIdPrefix: "recharts-line-",
     items: points,
@@ -95753,7 +95751,7 @@ function CurveWithAnimation(_ref5) {
   }, (stepData, animationElapsedTime, isEntrance) => {
     var animationActive = isAnimating || animationElapsedTime < 1;
     var visibleLength = animationActive ? getVisibleLength(animationElapsedTime, totalLength) : null;
-    return /* @__PURE__ */ React$2.createElement(StaticCurve, {
+    return /* @__PURE__ */ React2.createElement(StaticCurve, {
       props,
       points: stepData,
       clipPathId,
@@ -95763,13 +95761,13 @@ function CurveWithAnimation(_ref5) {
       isEntrance,
       visibleLength
     });
-  }), /* @__PURE__ */ React$2.createElement(LabelListFromLabelProp, { label: props.label }));
+  }), /* @__PURE__ */ React2.createElement(LabelListFromLabelProp, { label: props.label }));
 }
 function RenderCurve(_ref6) {
   var clipPathId = _ref6.clipPathId, props = _ref6.props;
   var previousPointsRef = useRef2(null);
   var pathRef = useRef2(null);
-  return /* @__PURE__ */ React$2.createElement(CurveWithAnimation, {
+  return /* @__PURE__ */ React2.createElement(CurveWithAnimation, {
     props,
     clipPathId,
     previousPointsRef,
@@ -95795,25 +95793,25 @@ var LineWithState = class extends Component2 {
     var clipDot = isClipDot(dot2);
     var dotSize = r2 * 2 + strokeWidth;
     var activePointsClipPath = needClip ? "url(#clipPath-".concat(clipDot ? "" : "dots-").concat(clipPathId, ")") : void 0;
-    return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React$2.createElement(Layer, { className: layerClass }, needClip && /* @__PURE__ */ React$2.createElement("defs", null, /* @__PURE__ */ React$2.createElement(GraphicalItemClipPath, {
+    return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React2.createElement(Layer, { className: layerClass }, needClip && /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement(GraphicalItemClipPath, {
       clipPathId,
       xAxisId,
       yAxisId
-    }), !clipDot && /* @__PURE__ */ React$2.createElement("clipPath", { id: "clipPath-dots-".concat(clipPathId) }, /* @__PURE__ */ React$2.createElement("rect", {
+    }), !clipDot && /* @__PURE__ */ React2.createElement("clipPath", { id: "clipPath-dots-".concat(clipPathId) }, /* @__PURE__ */ React2.createElement("rect", {
       x: left - dotSize / 2,
       y: top - dotSize / 2,
       width: width + dotSize,
       height: height + dotSize
-    }))), /* @__PURE__ */ React$2.createElement(SetErrorBarContext, {
+    }))), /* @__PURE__ */ React2.createElement(SetErrorBarContext, {
       xAxisId,
       yAxisId,
       data: points,
       dataPointFormatter: errorBarDataPointFormatter$1,
       errorBarOffset: 0
-    }, /* @__PURE__ */ React$2.createElement(RenderCurve, {
+    }, /* @__PURE__ */ React2.createElement(RenderCurve, {
       props: this.props,
       clipPathId
-    }))), /* @__PURE__ */ React$2.createElement(ActivePoints, {
+    }))), /* @__PURE__ */ React2.createElement(ActivePoints, {
       activeDot: this.props.activeDot,
       points,
       mainColor: this.props.stroke,
@@ -95831,7 +95829,7 @@ function LineImpl(props) {
   var points = useAppSelector((state) => selectLinePoints(state, xAxisId, yAxisId, isPanorama, id));
   if (layout !== "horizontal" && layout !== "vertical" || points == null || plotArea == null) return null;
   var height = plotArea.height, width = plotArea.width, left = plotArea.x, top = plotArea.y;
-  return /* @__PURE__ */ React$2.createElement(LineWithState, _extends$10({}, everythingElse, {
+  return /* @__PURE__ */ React2.createElement(LineWithState, _extends$10({}, everythingElse, {
     id,
     connectNulls,
     dot: dot2,
@@ -95895,10 +95893,10 @@ function computeLinePoints(_ref7) {
 function LineFn(outsideProps) {
   var props = resolveDefaultProps(outsideProps, defaultLineProps);
   var isPanorama = useIsPanorama();
-  return /* @__PURE__ */ React$2.createElement(RegisterGraphicalItemId, {
+  return /* @__PURE__ */ React2.createElement(RegisterGraphicalItemId, {
     id: props.id,
     type: "line"
-  }, (id) => /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromAreaData$1(props) }), /* @__PURE__ */ React$2.createElement(SetLineTooltipEntrySettings, {
+  }, (id) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromAreaData$1(props) }), /* @__PURE__ */ React2.createElement(SetLineTooltipEntrySettings, {
     dataKey: props.dataKey,
     data: props.data,
     stroke: props.stroke,
@@ -95910,7 +95908,7 @@ function LineFn(outsideProps) {
     formatter: props.formatter,
     tooltipType: props.tooltipType,
     id
-  }), /* @__PURE__ */ React$2.createElement(SetCartesianGraphicalItem, {
+  }), /* @__PURE__ */ React2.createElement(SetCartesianGraphicalItem, {
     type: "line",
     id,
     data: props.data,
@@ -95920,9 +95918,9 @@ function LineFn(outsideProps) {
     dataKey: props.dataKey,
     hide: props.hide,
     isPanorama
-  }), /* @__PURE__ */ React$2.createElement(LineImpl, _extends$10({}, props, { id }))));
+  }), /* @__PURE__ */ React2.createElement(LineImpl, _extends$10({}, props, { id }))));
 }
-var Line = /* @__PURE__ */ React$2.memo(LineFn, propsAreEqual);
+var Line = /* @__PURE__ */ React2.memo(LineFn, propsAreEqual);
 Line.displayName = "Line";
 function selectXAxisIdFromGraphicalItemId(state, id) {
   var _state$graphicalItems, _state$graphicalItems2;
@@ -96053,7 +96051,7 @@ function HorizontalClipRect(_ref2) {
   var maxY = Math.max(...points.map((entry) => entry.y || 0));
   if (isNumber2(baseLine)) maxY = Math.max(baseLine, maxY);
   else if (baseLine && Array.isArray(baseLine) && baseLine.length) maxY = Math.max(...baseLine.map((entry) => entry.y || 0), maxY);
-  if (isNumber2(maxY)) return /* @__PURE__ */ React$2.createElement("rect", {
+  if (isNumber2(maxY)) return /* @__PURE__ */ React2.createElement("rect", {
     x: startX < endX ? startX : startX - width,
     y: 0,
     width,
@@ -96071,7 +96069,7 @@ function VerticalClipRect(_ref2) {
   var maxX = Math.max(...points.map((entry) => entry.x || 0));
   if (isNumber2(baseLine)) maxX = Math.max(baseLine, maxX);
   else if (baseLine && Array.isArray(baseLine) && baseLine.length) maxX = Math.max(...baseLine.map((entry) => entry.x || 0), maxX);
-  if (isNumber2(maxX)) return /* @__PURE__ */ React$2.createElement("rect", {
+  if (isNumber2(maxX)) return /* @__PURE__ */ React2.createElement("rect", {
     x: 0,
     y: startY < endY ? startY : startY - height,
     width: maxX + (strokeWidth ? parseInt("".concat(strokeWidth), 10) : 1),
@@ -96081,13 +96079,13 @@ function VerticalClipRect(_ref2) {
 }
 function RevealClipRect(_ref3) {
   var alpha3 = _ref3.alpha, layout = _ref3.layout, points = _ref3.points, baseLine = _ref3.baseLine, strokeWidth = _ref3.strokeWidth;
-  if (layout === "vertical") return /* @__PURE__ */ React$2.createElement(VerticalClipRect, {
+  if (layout === "vertical") return /* @__PURE__ */ React2.createElement(VerticalClipRect, {
     alpha: alpha3,
     points,
     baseLine,
     strokeWidth
   });
-  return /* @__PURE__ */ React$2.createElement(HorizontalClipRect, {
+  return /* @__PURE__ */ React2.createElement(HorizontalClipRect, {
     alpha: alpha3,
     points,
     baseLine,
@@ -96101,7 +96099,7 @@ function AreaRevealShape(props) {
   var clipId = useId$12();
   var id = restProps.id, baseLine = restProps.baseLine;
   var strokeSvgProps = svgPropertiesNoEvents(_objectWithoutProperties$10(restProps, _excluded2$5));
-  var fillCurve = /* @__PURE__ */ React$2.createElement(Curve2, _extends$9({}, restProps, {
+  var fillCurve = /* @__PURE__ */ React2.createElement(Curve2, _extends$9({}, restProps, {
     id,
     baseLine,
     connectNulls: finalConnectNulls,
@@ -96109,7 +96107,7 @@ function AreaRevealShape(props) {
     className: "recharts-area-area",
     layout
   }));
-  var strokeCurve = stroke !== "none" && /* @__PURE__ */ React$2.createElement(Curve2, _extends$9({}, strokeSvgProps, {
+  var strokeCurve = stroke !== "none" && /* @__PURE__ */ React2.createElement(Curve2, _extends$9({}, strokeSvgProps, {
     className: "recharts-area-curve",
     layout,
     type: restProps.type,
@@ -96118,7 +96116,7 @@ function AreaRevealShape(props) {
     stroke,
     points: restProps.points
   }));
-  var baselineCurve = stroke !== "none" && isRange && Array.isArray(baseLine) && /* @__PURE__ */ React$2.createElement(Curve2, _extends$9({}, strokeSvgProps, {
+  var baselineCurve = stroke !== "none" && isRange && Array.isArray(baseLine) && /* @__PURE__ */ React2.createElement(Curve2, _extends$9({}, strokeSvgProps, {
     className: "recharts-area-curve",
     layout,
     type: restProps.type,
@@ -96129,15 +96127,15 @@ function AreaRevealShape(props) {
   }));
   if (isEntrance && (isAnimating || animationElapsedTime < 1)) {
     var _restProps$points;
-    return /* @__PURE__ */ React$2.createElement(Layer, null, /* @__PURE__ */ React$2.createElement("defs", null, /* @__PURE__ */ React$2.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React$2.createElement(RevealClipRect, {
+    return /* @__PURE__ */ React2.createElement(Layer, null, /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement("clipPath", { id: clipId }, /* @__PURE__ */ React2.createElement(RevealClipRect, {
       alpha: animationElapsedTime,
       points: (_restProps$points = restProps.points) !== null && _restProps$points !== void 0 ? _restProps$points : [],
       baseLine,
       layout,
       strokeWidth: restProps.strokeWidth
-    }))), /* @__PURE__ */ React$2.createElement(Layer, { clipPath: "url(#".concat(clipId, ")") }, fillCurve, strokeCurve, baselineCurve));
+    }))), /* @__PURE__ */ React2.createElement(Layer, { clipPath: "url(#".concat(clipId, ")") }, fillCurve, strokeCurve, baselineCurve));
   }
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, fillCurve, strokeCurve, baselineCurve);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, fillCurve, strokeCurve, baselineCurve);
 }
 var _excluded$9 = ["id"];
 var _excluded2$4 = [
@@ -96275,7 +96273,7 @@ var computeLegendPayloadFromAreaData = (props) => {
     payload: props
   }];
 };
-var SetAreaTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
+var SetAreaTooltipEntrySettings = /* @__PURE__ */ React2.memo((_ref2) => {
   var dataKey = _ref2.dataKey, data = _ref2.data, stroke = _ref2.stroke, strokeWidth = _ref2.strokeWidth, fill = _ref2.fill, name = _ref2.name, hide = _ref2.hide, unit2 = _ref2.unit, formatter = _ref2.formatter, tooltipType = _ref2.tooltipType, id = _ref2.id;
   var tooltipEntrySettings = {
     dataDefinedOnItem: data,
@@ -96295,13 +96293,13 @@ var SetAreaTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
       graphicalItemId: id
     }
   };
-  return /* @__PURE__ */ React$2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
+  return /* @__PURE__ */ React2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
 });
 function AreaDotsWrapper(_ref2) {
   var clipPathId = _ref2.clipPathId, points = _ref2.points, props = _ref2.props;
   var needClip = props.needClip, dot2 = props.dot, dataKey = props.dataKey;
   var areaProps = svgPropertiesNoEvents(props);
-  return /* @__PURE__ */ React$2.createElement(Dots, {
+  return /* @__PURE__ */ React2.createElement(Dots, {
     points,
     dot: dot2,
     className: "recharts-area-dots",
@@ -96332,7 +96330,7 @@ function AreaLabelListProvider(_ref3) {
       fill: void 0
     });
   });
-  return /* @__PURE__ */ React$2.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
+  return /* @__PURE__ */ React2.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
 }
 function StaticArea(_ref4) {
   var points = _ref4.points, baseLine = _ref4.baseLine, needClip = _ref4.needClip, clipPathId = _ref4.clipPathId, props = _ref4.props, animationElapsedTime = _ref4.animationElapsedTime, isAnimating = _ref4.isAnimating, isEntrance = _ref4.isEntrance;
@@ -96351,11 +96349,11 @@ function StaticArea(_ref4) {
     isAnimating,
     isEntrance
   });
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, (points === null || points === void 0 ? void 0 : points.length) > 1 && /* @__PURE__ */ React$2.createElement(Layer, { clipPath: needClip ? "url(#clipPath-".concat(clipPathId, ")") : void 0 }, /* @__PURE__ */ React$2.createElement(Shape, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, (points === null || points === void 0 ? void 0 : points.length) > 1 && /* @__PURE__ */ React2.createElement(Layer, { clipPath: needClip ? "url(#clipPath-".concat(clipPathId, ")") : void 0 }, /* @__PURE__ */ React2.createElement(Shape, {
     option: shape,
     DefaultShape: defaultAreaProps.shape,
     shapeProps: curveProps
-  })), /* @__PURE__ */ React$2.createElement(AreaDotsWrapper, {
+  })), /* @__PURE__ */ React2.createElement(AreaDotsWrapper, {
     points,
     props: propsWithoutId,
     clipPathId
@@ -96382,7 +96380,7 @@ function AreaWithAnimation(_ref5) {
   if (Array.isArray(baseLine) && Array.isArray(prevBaseLine)) baseLineAnimationItems = matchAnimationItems(prevBaseLine, baseLine, animationMatchBy);
   else if (Array.isArray(baseLine)) baseLineAnimationItems = matchAnimationItems(null, baseLine, animationMatchBy);
   else baseLineAnimationItems = null;
-  return /* @__PURE__ */ React$2.createElement(AnimatedItems, {
+  return /* @__PURE__ */ React2.createElement(AnimatedItems, {
     animationInput,
     animationIdPrefix: "recharts-area-",
     items: points,
@@ -96402,10 +96400,10 @@ function AreaWithAnimation(_ref5) {
     else if (Array.isArray(baseLine)) stepBaseLine = animationInterpolateFn(baseLineAnimationItems, animationElapsedTime, layout);
     else stepBaseLine = isEntrance ? baseLine : interpolateScalarBaseLine(baseLine, prevBaseLine, animationElapsedTime);
     baseLineAnimationState.syncStepValue(stepBaseLine, animationElapsedTime);
-    return /* @__PURE__ */ React$2.createElement(AreaLabelListProvider, {
+    return /* @__PURE__ */ React2.createElement(AreaLabelListProvider, {
       showLabels: !isAnimating,
       points
-    }, props.children, /* @__PURE__ */ React$2.createElement(StaticArea, {
+    }, props.children, /* @__PURE__ */ React2.createElement(StaticArea, {
       points: stepPoints,
       baseLine: stepBaseLine,
       needClip,
@@ -96414,14 +96412,14 @@ function AreaWithAnimation(_ref5) {
       animationElapsedTime,
       isAnimating: isAnimating || animationElapsedTime < 1,
       isEntrance
-    }), /* @__PURE__ */ React$2.createElement(LabelListFromLabelProp, { label: props.label }));
+    }), /* @__PURE__ */ React2.createElement(LabelListFromLabelProp, { label: props.label }));
   });
 }
 function RenderArea(_ref6) {
   var needClip = _ref6.needClip, clipPathId = _ref6.clipPathId, props = _ref6.props;
   var previousPointsRef = useRef2(null);
   var previousBaselineRef = useRef2();
-  return /* @__PURE__ */ React$2.createElement(AreaWithAnimation, {
+  return /* @__PURE__ */ React2.createElement(AreaWithAnimation, {
     needClip,
     clipPathId,
     props,
@@ -96439,26 +96437,26 @@ var AreaWithState = class extends PureComponent {
     var clipDot = isClipDot(dot2);
     var dotSize = r2 * 2 + strokeWidth;
     var activePointsClipPath = needClip ? "url(#clipPath-".concat(clipDot ? "" : "dots-").concat(clipPathId, ")") : void 0;
-    return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React$2.createElement(Layer, { className: layerClass }, needClip && /* @__PURE__ */ React$2.createElement("defs", null, /* @__PURE__ */ React$2.createElement(GraphicalItemClipPath, {
+    return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex }, /* @__PURE__ */ React2.createElement(Layer, { className: layerClass }, needClip && /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement(GraphicalItemClipPath, {
       clipPathId,
       xAxisId,
       yAxisId
-    }), !clipDot && /* @__PURE__ */ React$2.createElement("clipPath", { id: "clipPath-dots-".concat(clipPathId) }, /* @__PURE__ */ React$2.createElement("rect", {
+    }), !clipDot && /* @__PURE__ */ React2.createElement("clipPath", { id: "clipPath-dots-".concat(clipPathId) }, /* @__PURE__ */ React2.createElement("rect", {
       x: left - dotSize / 2,
       y: top - dotSize / 2,
       width: width + dotSize,
       height: height + dotSize
-    }))), /* @__PURE__ */ React$2.createElement(RenderArea, {
+    }))), /* @__PURE__ */ React2.createElement(RenderArea, {
       needClip,
       clipPathId,
       props: this.props
-    })), /* @__PURE__ */ React$2.createElement(ActivePoints, {
+    })), /* @__PURE__ */ React2.createElement(ActivePoints, {
       points,
       mainColor: getLegendItemColor(this.props.stroke, this.props.fill),
       itemDataKey: this.props.dataKey,
       activeDot: this.props.activeDot,
       clipPath: activePointsClipPath
-    }), this.props.isRange && Array.isArray(baseLine) && /* @__PURE__ */ React$2.createElement(ActivePoints, {
+    }), this.props.isRange && Array.isArray(baseLine) && /* @__PURE__ */ React2.createElement(ActivePoints, {
       points: baseLine,
       mainColor: getLegendItemColor(this.props.stroke, this.props.fill),
       itemDataKey: this.props.dataKey,
@@ -96480,7 +96478,7 @@ function AreaImpl(props) {
   if (chartName !== "AreaChart" && chartName !== "ComposedChart") return null;
   var height = plotArea.height, width = plotArea.width, left = plotArea.x, top = plotArea.y;
   if (!points || !points.length) return null;
-  return /* @__PURE__ */ React$2.createElement(AreaWithState, _extends$8({}, everythingElse, {
+  return /* @__PURE__ */ React2.createElement(AreaWithState, _extends$8({}, everythingElse, {
     activeDot,
     animationBegin,
     animationDuration,
@@ -96600,10 +96598,10 @@ function computeArea(_ref8) {
 function AreaFn(outsideProps) {
   var props = resolveDefaultProps(outsideProps, defaultAreaProps);
   var isPanorama = useIsPanorama();
-  return /* @__PURE__ */ React$2.createElement(RegisterGraphicalItemId, {
+  return /* @__PURE__ */ React2.createElement(RegisterGraphicalItemId, {
     id: props.id,
     type: "area"
-  }, (id) => /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromAreaData(props) }), /* @__PURE__ */ React$2.createElement(SetAreaTooltipEntrySettings, {
+  }, (id) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromAreaData(props) }), /* @__PURE__ */ React2.createElement(SetAreaTooltipEntrySettings, {
     dataKey: props.dataKey,
     data: props.data,
     stroke: props.stroke,
@@ -96615,7 +96613,7 @@ function AreaFn(outsideProps) {
     formatter: props.formatter,
     tooltipType: props.tooltipType,
     id
-  }), /* @__PURE__ */ React$2.createElement(SetCartesianGraphicalItem, {
+  }), /* @__PURE__ */ React2.createElement(SetCartesianGraphicalItem, {
     type: "area",
     id,
     data: props.data,
@@ -96629,9 +96627,9 @@ function AreaFn(outsideProps) {
     baseValue: props.baseValue,
     isPanorama,
     connectNulls: props.connectNulls
-  }), /* @__PURE__ */ React$2.createElement(AreaImpl, _extends$8({}, props, { id }))));
+  }), /* @__PURE__ */ React2.createElement(AreaImpl, _extends$8({}, props, { id }))));
 }
-var Area = /* @__PURE__ */ React$2.memo(AreaFn, propsAreEqual);
+var Area = /* @__PURE__ */ React2.memo(AreaFn, propsAreEqual);
 Area.displayName = "Area";
 var _excluded$8 = ["option"];
 function _objectWithoutProperties$8(e, t) {
@@ -96655,7 +96653,7 @@ function _objectWithoutPropertiesLoose$8(r2, e) {
 var defaultBarShape = Rectangle2;
 function BarRectangle(_ref2) {
   var option = _ref2.option, shapeProps = _objectWithoutProperties$8(_ref2, _excluded$8);
-  return /* @__PURE__ */ React$2.createElement(Shape, {
+  return /* @__PURE__ */ React2.createElement(Shape, {
     option,
     DefaultShape: defaultBarShape,
     shapeProps,
@@ -96860,7 +96858,7 @@ var useBarStackClipPathUrl = (index) => {
 var BarStackClipLayer = (_ref2) => {
   var index = _ref2.index, rest2 = _objectWithoutProperties$7(_ref2, _excluded$7);
   var clipPathUrl = useBarStackClipPathUrl(index);
-  return /* @__PURE__ */ React$2.createElement(Layer, _extends$7({
+  return /* @__PURE__ */ React2.createElement(Layer, _extends$7({
     className: "recharts-bar-stack-layer",
     clipPath: clipPathUrl
   }, rest2));
@@ -97004,7 +97002,7 @@ var computeLegendPayloadFromBarData = (props) => {
     payload: props
   }];
 };
-var SetBarTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
+var SetBarTooltipEntrySettings = /* @__PURE__ */ React2.memo((_ref2) => {
   var dataKey = _ref2.dataKey, stroke = _ref2.stroke, strokeWidth = _ref2.strokeWidth, fill = _ref2.fill, name = _ref2.name, hide = _ref2.hide, unit2 = _ref2.unit, formatter = _ref2.formatter, tooltipType = _ref2.tooltipType, id = _ref2.id;
   var tooltipEntrySettings = {
     dataDefinedOnItem: void 0,
@@ -97024,7 +97022,7 @@ var SetBarTooltipEntrySettings = /* @__PURE__ */ React$2.memo((_ref2) => {
       graphicalItemId: id
     }
   };
-  return /* @__PURE__ */ React$2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
+  return /* @__PURE__ */ React2.createElement(SetTooltipEntrySettings, { tooltipEntrySettings });
 });
 function BarBackground(props) {
   var activeIndex = useAppSelector(selectActiveTooltipIndex);
@@ -97035,7 +97033,7 @@ function BarBackground(props) {
   var onClickFromContext = useMouseClickItemDispatch(onItemClickFromProps, dataKey, allOtherBarProps.id);
   if (!backgroundFromProps || data == null) return null;
   var backgroundProps = svgPropertiesNoEventsFromUnknown(backgroundFromProps);
-  return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: getZIndexFromUnknown(backgroundFromProps, DefaultZIndexes.barBackground) }, data.map((entry, i) => {
+  return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: getZIndexFromUnknown(backgroundFromProps, DefaultZIndexes.barBackground) }, data.map((entry, i) => {
     entry.value;
     var backgroundFromDataEntry = entry.background;
     entry.tooltipPosition;
@@ -97055,7 +97053,7 @@ function BarBackground(props) {
       index: i,
       className: "recharts-bar-background-rectangle"
     });
-    return /* @__PURE__ */ React$2.createElement(BarRectangle, _extends$6({ key: "background-bar-".concat(i) }, barRectangleProps));
+    return /* @__PURE__ */ React2.createElement(BarRectangle, _extends$6({ key: "background-bar-".concat(i) }, barRectangleProps));
   }));
 }
 function BarLabelListProvider(_ref2) {
@@ -97077,7 +97075,7 @@ function BarLabelListProvider(_ref2) {
       fill: entry.fill
     });
   });
-  return /* @__PURE__ */ React$2.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
+  return /* @__PURE__ */ React2.createElement(CartesianLabelListContextProvider, { value: showLabels ? labelListEntries : void 0 }, children);
 }
 function BarRectangleWithActiveState(props) {
   var shape = props.shape, activeBar = props.activeBar, baseProps = props.baseProps, entry = props.entry, index = props.index, dataKey = props.dataKey;
@@ -97112,7 +97110,7 @@ function BarRectangleWithActiveState(props) {
     if (activeBar === true) option = shape;
     else option = activeBar;
   } else option = shape;
-  var content = /* @__PURE__ */ React$2.createElement(BarRectangle, _extends$6({}, baseProps, { name: String(baseProps.name) }, entry, {
+  var content = /* @__PURE__ */ React2.createElement(BarRectangle, _extends$6({}, baseProps, { name: String(baseProps.name) }, entry, {
     isActive: isVisuallyActive,
     option,
     index,
@@ -97122,12 +97120,12 @@ function BarRectangleWithActiveState(props) {
     isEntrance: props.isEntrance,
     onTransitionEnd: handleTransitionEnd
   }));
-  if (shouldRenderInLayer) return /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: DefaultZIndexes.activeBar }, /* @__PURE__ */ React$2.createElement(BarStackClipLayer, { index: entry.originalDataIndex }, content));
+  if (shouldRenderInLayer) return /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: DefaultZIndexes.activeBar }, /* @__PURE__ */ React2.createElement(BarStackClipLayer, { index: entry.originalDataIndex }, content));
   return content;
 }
 function BarRectangleNeverActive(props) {
   var shape = props.shape, baseProps = props.baseProps, entry = props.entry, index = props.index, dataKey = props.dataKey;
-  return /* @__PURE__ */ React$2.createElement(BarRectangle, _extends$6({}, baseProps, { name: String(baseProps.name) }, entry, {
+  return /* @__PURE__ */ React2.createElement(BarRectangle, _extends$6({}, baseProps, { name: String(baseProps.name) }, entry, {
     isActive: false,
     option: shape,
     index,
@@ -97147,8 +97145,8 @@ function BarRectangles(_ref3) {
   var onMouseLeaveFromContext = useMouseLeaveItemDispatch(onMouseLeaveFromProps);
   var onClickFromContext = useMouseClickItemDispatch(onItemClickFromProps, dataKey, id);
   if (!data) return null;
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, data.map((entry, i) => {
-    return /* @__PURE__ */ React$2.createElement(BarStackClipLayer, _extends$6({
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, data.map((entry, i) => {
+    return /* @__PURE__ */ React2.createElement(BarStackClipLayer, _extends$6({
       index: entry.originalDataIndex,
       key: "rectangle-".concat(entry === null || entry === void 0 ? void 0 : entry.x, "-").concat(entry === null || entry === void 0 ? void 0 : entry.y, "-").concat(entry === null || entry === void 0 ? void 0 : entry.value, "-").concat(i),
       className: "recharts-bar-rectangle"
@@ -97156,7 +97154,7 @@ function BarRectangles(_ref3) {
       onMouseEnter: onMouseEnterFromContext(entry, entry.originalDataIndex),
       onMouseLeave: onMouseLeaveFromContext(entry, entry.originalDataIndex),
       onClick: onClickFromContext(entry, entry.originalDataIndex)
-    }), activeBar ? /* @__PURE__ */ React$2.createElement(BarRectangleWithActiveState, {
+    }), activeBar ? /* @__PURE__ */ React2.createElement(BarRectangleWithActiveState, {
       shape,
       activeBar,
       baseProps,
@@ -97166,7 +97164,7 @@ function BarRectangles(_ref3) {
       animationElapsedTime,
       isAnimating,
       isEntrance
-    }) : /* @__PURE__ */ React$2.createElement(BarRectangleNeverActive, {
+    }) : /* @__PURE__ */ React2.createElement(BarRectangleNeverActive, {
       shape,
       baseProps,
       entry,
@@ -97210,10 +97208,10 @@ function RectanglesWithAnimation(_ref5) {
   var props = _ref5.props, previousRectanglesRef = _ref5.previousRectanglesRef;
   var data = props.data, isAnimationActive = props.isAnimationActive, animationBegin = props.animationBegin, animationDuration = props.animationDuration, animationEasing = props.animationEasing, animationInterpolateFn = props.animationInterpolateFn, layout = props.layout;
   var _useAnimationCallback = useAnimationCallbacks(props.onAnimationStart, props.onAnimationEnd), isAnimating = _useAnimationCallback.isAnimating, handleAnimationStart = _useAnimationCallback.handleAnimationStart, handleAnimationEnd = _useAnimationCallback.handleAnimationEnd;
-  return /* @__PURE__ */ React$2.createElement(BarLabelListProvider, {
+  return /* @__PURE__ */ React2.createElement(BarLabelListProvider, {
     showLabels: !isAnimating,
     rects: data
-  }, /* @__PURE__ */ React$2.createElement(AnimatedItems, {
+  }, /* @__PURE__ */ React2.createElement(AnimatedItems, {
     animationInput: data,
     animationIdPrefix: "recharts-bar-",
     items: data,
@@ -97227,17 +97225,17 @@ function RectanglesWithAnimation(_ref5) {
     animationInterpolateFn,
     animationMatchBy: props.animationMatchBy,
     layout
-  }, (stepData, animationElapsedTime, isEntrance) => /* @__PURE__ */ React$2.createElement(Layer, null, /* @__PURE__ */ React$2.createElement(BarRectangles, {
+  }, (stepData, animationElapsedTime, isEntrance) => /* @__PURE__ */ React2.createElement(Layer, null, /* @__PURE__ */ React2.createElement(BarRectangles, {
     props,
     data: stepData,
     animationElapsedTime,
     isAnimating: isAnimating || animationElapsedTime < 1,
     isEntrance
-  }))), /* @__PURE__ */ React$2.createElement(LabelListFromLabelProp, { label: props.label }), props.children);
+  }))), /* @__PURE__ */ React2.createElement(LabelListFromLabelProp, { label: props.label }), props.children);
 }
 function RenderRectangles(props) {
   var previousRectanglesRef = useRef2(null);
-  return /* @__PURE__ */ React$2.createElement(RectanglesWithAnimation, {
+  return /* @__PURE__ */ React2.createElement(RectanglesWithAnimation, {
     previousRectanglesRef,
     props
   });
@@ -97258,22 +97256,22 @@ var BarWithState = class extends PureComponent {
     if (hide || data == null) return null;
     var layerClass = clsx("recharts-bar", className);
     var clipPathId = id;
-    return /* @__PURE__ */ React$2.createElement(Layer, {
+    return /* @__PURE__ */ React2.createElement(Layer, {
       className: layerClass,
       id
-    }, needClip && /* @__PURE__ */ React$2.createElement("defs", null, /* @__PURE__ */ React$2.createElement(GraphicalItemClipPath, {
+    }, needClip && /* @__PURE__ */ React2.createElement("defs", null, /* @__PURE__ */ React2.createElement(GraphicalItemClipPath, {
       clipPathId,
       xAxisId,
       yAxisId
-    })), /* @__PURE__ */ React$2.createElement(Layer, {
+    })), /* @__PURE__ */ React2.createElement(Layer, {
       className: "recharts-bar-rectangles",
       clipPath: needClip ? "url(#clipPath-".concat(clipPathId, ")") : void 0
-    }, /* @__PURE__ */ React$2.createElement(BarBackground, {
+    }, /* @__PURE__ */ React2.createElement(BarBackground, {
       data,
       dataKey,
       background,
       allOtherBarProps: this.props
-    }), /* @__PURE__ */ React$2.createElement(RenderRectangles, this.props)));
+    }), /* @__PURE__ */ React2.createElement(RenderRectangles, this.props)));
   }
 };
 var defaultBarProps = {
@@ -97306,13 +97304,13 @@ function BarImpl(props) {
   var firstDataPoint = rects === null || rects === void 0 ? void 0 : rects[0];
   if (firstDataPoint == null || firstDataPoint.height == null || firstDataPoint.width == null) errorBarOffset = 0;
   else errorBarOffset = layout === "vertical" ? firstDataPoint.height / 2 : firstDataPoint.width / 2;
-  return /* @__PURE__ */ React$2.createElement(SetErrorBarContext, {
+  return /* @__PURE__ */ React2.createElement(SetErrorBarContext, {
     xAxisId,
     yAxisId,
     data: rects,
     dataPointFormatter: errorBarDataPointFormatter,
     errorBarOffset
-  }, /* @__PURE__ */ React$2.createElement(BarWithState, _extends$6({}, props, {
+  }, /* @__PURE__ */ React2.createElement(BarWithState, _extends$6({}, props, {
     layout,
     needClip,
     data: rects,
@@ -97422,10 +97420,10 @@ function BarFn(outsideProps) {
   var props = resolveDefaultProps(outsideProps, defaultBarProps);
   var stackId = useStackId(props.stackId);
   var isPanorama = useIsPanorama();
-  return /* @__PURE__ */ React$2.createElement(RegisterGraphicalItemId, {
+  return /* @__PURE__ */ React2.createElement(RegisterGraphicalItemId, {
     id: props.id,
     type: "bar"
-  }, (id) => /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromBarData(props) }), /* @__PURE__ */ React$2.createElement(SetBarTooltipEntrySettings, {
+  }, (id) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SetLegendPayload, { legendPayload: computeLegendPayloadFromBarData(props) }), /* @__PURE__ */ React2.createElement(SetBarTooltipEntrySettings, {
     dataKey: props.dataKey,
     stroke: props.stroke,
     strokeWidth: props.strokeWidth,
@@ -97436,7 +97434,7 @@ function BarFn(outsideProps) {
     formatter: props.formatter,
     tooltipType: props.tooltipType,
     id
-  }), /* @__PURE__ */ React$2.createElement(SetCartesianGraphicalItem, {
+  }), /* @__PURE__ */ React2.createElement(SetCartesianGraphicalItem, {
     type: "bar",
     id,
     data: void 0,
@@ -97451,9 +97449,9 @@ function BarFn(outsideProps) {
     maxBarSize: props.maxBarSize,
     isPanorama,
     hasCustomShape: props.shape != null && props.shape !== defaultBarShape
-  }), /* @__PURE__ */ React$2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React$2.createElement(BarImpl, _extends$6({}, props, { id })))));
+  }), /* @__PURE__ */ React2.createElement(ZIndexLayer, { zIndex: props.zIndex }, /* @__PURE__ */ React2.createElement(BarImpl, _extends$6({}, props, { id })))));
 }
-var Bar = /* @__PURE__ */ React$2.memo(BarFn, propsAreEqual);
+var Bar = /* @__PURE__ */ React2.memo(BarFn, propsAreEqual);
 Bar.displayName = "Bar";
 var _excluded$5 = ["domain", "range"];
 var _excluded2$2 = ["domain", "range"];
@@ -97632,7 +97630,7 @@ var XAxisImpl = (props) => {
   synchronizedSettings.id;
   synchronizedSettings.scale;
   var restSynchronizedSettings = _objectWithoutProperties$4(synchronizedSettings, _excluded3$1);
-  return /* @__PURE__ */ React$2.createElement(CartesianAxis, _extends$5({}, allOtherProps, restSynchronizedSettings, {
+  return /* @__PURE__ */ React2.createElement(CartesianAxis, _extends$5({}, allOtherProps, restSynchronizedSettings, {
     ref: cartesianAxisRef,
     labelRef,
     x: position.x,
@@ -97673,7 +97671,7 @@ var xAxisDefaultProps = {
 };
 var XAxisSettingsDispatcher = (outsideProps) => {
   var props = resolveDefaultProps(outsideProps, xAxisDefaultProps);
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(SetXAxisSettings, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SetXAxisSettings, {
     allowDataOverflow: props.allowDataOverflow,
     allowDecimals: props.allowDecimals,
     allowDuplicatedCategory: props.allowDuplicatedCategory,
@@ -97699,9 +97697,9 @@ var XAxisSettingsDispatcher = (outsideProps) => {
     type: props.type,
     unit: props.unit,
     niceTicks: props.niceTicks
-  }), /* @__PURE__ */ React$2.createElement(XAxisImpl, props));
+  }), /* @__PURE__ */ React2.createElement(XAxisImpl, props));
 };
-var XAxis = /* @__PURE__ */ React$2.memo(XAxisSettingsDispatcher, axisPropsAreEqual);
+var XAxis = /* @__PURE__ */ React2.memo(XAxisSettingsDispatcher, axisPropsAreEqual);
 XAxis.displayName = "XAxis";
 var _excluded$3 = ["type"];
 var _excluded2 = [
@@ -97847,7 +97845,7 @@ function YAxisImpl2(props) {
   synchronizedSettings.id;
   synchronizedSettings.scale;
   var restSynchronizedSettings = _objectWithoutProperties$3(synchronizedSettings, _excluded3);
-  return /* @__PURE__ */ React$2.createElement(CartesianAxis, _extends$4({}, allOtherProps, restSynchronizedSettings, {
+  return /* @__PURE__ */ React2.createElement(CartesianAxis, _extends$4({}, allOtherProps, restSynchronizedSettings, {
     ref: cartesianAxisRef,
     labelRef,
     x: position.x,
@@ -97889,7 +97887,7 @@ var yAxisDefaultProps = {
 };
 var YAxisSettingsDispatcher = (outsideProps) => {
   var props = resolveDefaultProps(outsideProps, yAxisDefaultProps);
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(SetYAxisSettings, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(SetYAxisSettings, {
     interval: props.interval,
     id: props.yAxisId,
     scale: props.scale,
@@ -97915,9 +97913,9 @@ var YAxisSettingsDispatcher = (outsideProps) => {
     tick: props.tick,
     tickFormatter: props.tickFormatter,
     niceTicks: props.niceTicks
-  }), /* @__PURE__ */ React$2.createElement(YAxisImpl2, props));
+  }), /* @__PURE__ */ React2.createElement(YAxisImpl2, props));
 };
-var YAxis = /* @__PURE__ */ React$2.memo(YAxisSettingsDispatcher, axisPropsAreEqual);
+var YAxis = /* @__PURE__ */ React2.memo(YAxisSettingsDispatcher, axisPropsAreEqual);
 YAxis.displayName = "YAxis";
 var pickChartPointer = (_state, chartPointer) => chartPointer;
 var selectActivePropsFromChartPointer = createSelector([
@@ -98462,7 +98460,7 @@ function RechartsStoreProvider(_ref2) {
   if (isPanorama) return children;
   if (storeRef.current == null) storeRef.current = createRechartsStore(preloadedState, reduxStoreName);
   var nonNullContext = RechartsReduxContext;
-  return /* @__PURE__ */ React$2.createElement(Provider_default, {
+  return /* @__PURE__ */ React2.createElement(Provider_default, {
     context: nonNullContext,
     store: storeRef.current
   }, children);
@@ -98521,7 +98519,7 @@ function ZIndexSvgPortal(_ref2) {
     zIndex,
     isPanorama
   ]);
-  return /* @__PURE__ */ React$2.createElement("g", {
+  return /* @__PURE__ */ React2.createElement("g", {
     tabIndex: -1,
     ref,
     className: "recharts-zIndex-layer_".concat(zIndex)
@@ -98533,11 +98531,11 @@ function AllZIndexPortals(_ref2) {
   if (!allRegisteredZIndexes || allRegisteredZIndexes.length === 0) return children;
   var allNegativeZIndexes = allRegisteredZIndexes.filter((zIndex) => zIndex < 0);
   var allPositiveZIndexes = allRegisteredZIndexes.filter((zIndex) => zIndex > 0);
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, allNegativeZIndexes.map((zIndex) => /* @__PURE__ */ React$2.createElement(ZIndexSvgPortal, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, allNegativeZIndexes.map((zIndex) => /* @__PURE__ */ React2.createElement(ZIndexSvgPortal, {
     key: zIndex,
     zIndex,
     isPanorama
-  })), children, allPositiveZIndexes.map((zIndex) => /* @__PURE__ */ React$2.createElement(ZIndexSvgPortal, {
+  })), children, allPositiveZIndexes.map((zIndex) => /* @__PURE__ */ React2.createElement(ZIndexSvgPortal, {
     key: zIndex,
     zIndex,
     isPanorama
@@ -98589,7 +98587,7 @@ var MainChartSurface = /* @__PURE__ */ forwardRef2((props, ref) => {
     if (typeof otherAttributes.role === "string") role = otherAttributes.role;
     else role = hasAccessibilityLayer ? "application" : void 0;
   }
-  return /* @__PURE__ */ React$2.createElement(Surface, _extends$3({}, otherAttributes, {
+  return /* @__PURE__ */ React2.createElement(Surface, _extends$3({}, otherAttributes, {
     title,
     desc,
     role,
@@ -98605,7 +98603,7 @@ var BrushPanoramaSurface = (_ref2) => {
   var brushDimensions = useAppSelector(selectBrushDimensions);
   if (!brushDimensions) return null;
   var width = brushDimensions.width, height = brushDimensions.height, y2 = brushDimensions.y, x2 = brushDimensions.x;
-  return /* @__PURE__ */ React$2.createElement(Surface, {
+  return /* @__PURE__ */ React2.createElement(Surface, {
     width,
     height,
     x: x2,
@@ -98614,8 +98612,8 @@ var BrushPanoramaSurface = (_ref2) => {
 };
 var RootSurface = /* @__PURE__ */ forwardRef2((_ref2, ref) => {
   var children = _ref2.children, rest2 = _objectWithoutProperties$2(_ref2, _excluded$2);
-  if (useIsPanorama()) return /* @__PURE__ */ React$2.createElement(BrushPanoramaSurface, null, /* @__PURE__ */ React$2.createElement(AllZIndexPortals, { isPanorama: true }, children));
-  return /* @__PURE__ */ React$2.createElement(MainChartSurface, _extends$3({ ref }, rest2), /* @__PURE__ */ React$2.createElement(AllZIndexPortals, { isPanorama: false }, children));
+  if (useIsPanorama()) return /* @__PURE__ */ React2.createElement(BrushPanoramaSurface, null, /* @__PURE__ */ React2.createElement(AllZIndexPortals, { isPanorama: true }, children));
+  return /* @__PURE__ */ React2.createElement(MainChartSurface, _extends$3({ ref }, rest2), /* @__PURE__ */ React2.createElement(AllZIndexPortals, { isPanorama: false }, children));
 });
 function _slicedToArray$1(r2, e) {
   return _arrayWithHoles$1(r2) || _iterableToArrayLimit$1(r2, e) || _unsupportedIterableToArray$1(r2, e) || _nonIterableRest$1();
@@ -98824,10 +98822,10 @@ var ResponsiveDiv = /* @__PURE__ */ forwardRef2((props, ref) => {
       if (observer != null) observer.disconnect();
     };
   }, [setContainerSize]);
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(ReportChartSize, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ReportChartSize, {
     width: sizes2.containerWidth,
     height: sizes2.containerHeight
-  }), /* @__PURE__ */ React$2.createElement("div", _extends$2({ ref: innerRef }, props)));
+  }), /* @__PURE__ */ React2.createElement("div", _extends$2({ ref: innerRef }, props)));
 });
 var ReadSizeOnceDiv = /* @__PURE__ */ forwardRef2((props, ref) => {
   var width = props.width, height = props.height;
@@ -98853,30 +98851,30 @@ var ReadSizeOnceDiv = /* @__PURE__ */ forwardRef2((props, ref) => {
       setContainerSize(containerWidth, containerHeight);
     }
   }, [ref, setContainerSize]);
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(ReportChartSize, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ReportChartSize, {
     width: sizes2.containerWidth,
     height: sizes2.containerHeight
-  }), /* @__PURE__ */ React$2.createElement("div", _extends$2({ ref: innerRef }, props)));
+  }), /* @__PURE__ */ React2.createElement("div", _extends$2({ ref: innerRef }, props)));
 });
 var StaticDiv = /* @__PURE__ */ forwardRef2((props, ref) => {
   var width = props.width, height = props.height;
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(ReportChartSize, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ReportChartSize, {
     width,
     height
-  }), /* @__PURE__ */ React$2.createElement("div", _extends$2({ ref }, props)));
+  }), /* @__PURE__ */ React2.createElement("div", _extends$2({ ref }, props)));
 });
 var NonResponsiveDiv = /* @__PURE__ */ forwardRef2((props, ref) => {
   var width = props.width, height = props.height;
-  if (typeof width === "string" || typeof height === "string") return /* @__PURE__ */ React$2.createElement(ReadSizeOnceDiv, _extends$2({}, props, { ref }));
-  if (typeof width === "number" && typeof height === "number") return /* @__PURE__ */ React$2.createElement(StaticDiv, _extends$2({}, props, {
+  if (typeof width === "string" || typeof height === "string") return /* @__PURE__ */ React2.createElement(ReadSizeOnceDiv, _extends$2({}, props, { ref }));
+  if (typeof width === "number" && typeof height === "number") return /* @__PURE__ */ React2.createElement(StaticDiv, _extends$2({}, props, {
     width,
     height,
     ref
   }));
-  return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(ReportChartSize, {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ReportChartSize, {
     width,
     height
-  }), /* @__PURE__ */ React$2.createElement("div", _extends$2({ ref }, props)));
+  }), /* @__PURE__ */ React2.createElement("div", _extends$2({ ref }, props)));
 });
 function getWrapperDivComponent(responsive) {
   return responsive ? ResponsiveDiv : NonResponsiveDiv;
@@ -98988,7 +98986,7 @@ var RechartsWrapper = /* @__PURE__ */ forwardRef2((props, ref) => {
     }));
   }, [dispatch, onTouchEnd]);
   var WrapperDiv = getWrapperDivComponent(responsive);
-  return /* @__PURE__ */ React$2.createElement(TooltipPortalContext.Provider, { value: tooltipPortal }, /* @__PURE__ */ React$2.createElement(LegendPortalContext.Provider, { value: legendPortal }, /* @__PURE__ */ React$2.createElement(WrapperDiv, {
+  return /* @__PURE__ */ React2.createElement(TooltipPortalContext.Provider, { value: tooltipPortal }, /* @__PURE__ */ React2.createElement(LegendPortalContext.Provider, { value: legendPortal }, /* @__PURE__ */ React2.createElement(WrapperDiv, {
     width: width !== null && width !== void 0 ? width : style === null || style === void 0 ? void 0 : style.width,
     height: height !== null && height !== void 0 ? height : style === null || style === void 0 ? void 0 : style.height,
     className: clsx("recharts-wrapper", className),
@@ -99013,7 +99011,7 @@ var RechartsWrapper = /* @__PURE__ */ forwardRef2((props, ref) => {
     onTouchMove: myOnTouchMove,
     onTouchStart: myOnTouchStart,
     ref: innerRef
-  }, /* @__PURE__ */ React$2.createElement(EventSynchronizer, null), children)));
+  }, /* @__PURE__ */ React2.createElement(EventSynchronizer, null), children)));
 });
 var _excluded$1 = [
   "width",
@@ -99047,15 +99045,15 @@ function _objectWithoutPropertiesLoose$1(r2, e) {
 var CategoricalChart = /* @__PURE__ */ forwardRef2((props, ref) => {
   var width = props.width, height = props.height, responsive = props.responsive, children = props.children, className = props.className, style = props.style, compact = props.compact, title = props.title, desc = props.desc;
   var attrs = svgPropertiesNoEvents(_objectWithoutProperties$1(props, _excluded$1));
-  if (compact) return /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, /* @__PURE__ */ React$2.createElement(ReportChartSize, {
+  if (compact) return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(ReportChartSize, {
     width,
     height
-  }), /* @__PURE__ */ React$2.createElement(RootSurface, {
+  }), /* @__PURE__ */ React2.createElement(RootSurface, {
     otherAttributes: attrs,
     title,
     desc
   }, children));
-  return /* @__PURE__ */ React$2.createElement(RechartsWrapper, {
+  return /* @__PURE__ */ React2.createElement(RechartsWrapper, {
     className,
     style,
     width,
@@ -99072,12 +99070,12 @@ var CategoricalChart = /* @__PURE__ */ forwardRef2((props, ref) => {
     onTouchStart: props.onTouchStart,
     onTouchMove: props.onTouchMove,
     onTouchEnd: props.onTouchEnd
-  }, /* @__PURE__ */ React$2.createElement(RootSurface, {
+  }, /* @__PURE__ */ React2.createElement(RootSurface, {
     otherAttributes: attrs,
     title,
     desc,
     ref
-  }, /* @__PURE__ */ React$2.createElement(ClipPathProvider, null, children)));
+  }, /* @__PURE__ */ React2.createElement(ClipPathProvider, null, children)));
 });
 function _extends$1() {
   return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
@@ -99158,16 +99156,16 @@ var CartesianChart = /* @__PURE__ */ forwardRef2(function CartesianChart2(props,
     tooltipPayloadSearcher,
     eventEmitter: void 0
   };
-  return /* @__PURE__ */ React$2.createElement(RechartsStoreProvider, {
+  return /* @__PURE__ */ React2.createElement(RechartsStoreProvider, {
     preloadedState: { options },
     reduxStoreName: (_categoricalChartProp = categoricalChartProps.id) !== null && _categoricalChartProp !== void 0 ? _categoricalChartProp : chartName
-  }, /* @__PURE__ */ React$2.createElement(ChartDataContextProvider, { chartData: categoricalChartProps.data }), /* @__PURE__ */ React$2.createElement(ReportMainChartProps, {
+  }, /* @__PURE__ */ React2.createElement(ChartDataContextProvider, { chartData: categoricalChartProps.data }), /* @__PURE__ */ React2.createElement(ReportMainChartProps, {
     layout: rootChartProps.layout,
     margin: rootChartProps.margin
-  }), /* @__PURE__ */ React$2.createElement(ReportEventSettings, {
+  }), /* @__PURE__ */ React2.createElement(ReportEventSettings, {
     throttleDelay: rootChartProps.throttleDelay,
     throttledEvents: rootChartProps.throttledEvents
-  }), /* @__PURE__ */ React$2.createElement(ReportChartProps, {
+  }), /* @__PURE__ */ React2.createElement(ReportChartProps, {
     baseValue: rootChartProps.baseValue,
     accessibilityLayer: rootChartProps.accessibilityLayer,
     barCategoryGap: rootChartProps.barCategoryGap,
@@ -99179,11 +99177,11 @@ var CartesianChart = /* @__PURE__ */ forwardRef2(function CartesianChart2(props,
     syncMethod: rootChartProps.syncMethod,
     className: rootChartProps.className,
     reverseStackOrder: rootChartProps.reverseStackOrder
-  }), /* @__PURE__ */ React$2.createElement(CategoricalChart, _extends$1({}, rootChartProps, { ref })));
+  }), /* @__PURE__ */ React2.createElement(CategoricalChart, _extends$1({}, rootChartProps, { ref })));
 });
 var allowedTooltipTypes$3 = ["axis"];
 var LineChart = /* @__PURE__ */ forwardRef2((props, ref) => {
-  return /* @__PURE__ */ React$2.createElement(CartesianChart, {
+  return /* @__PURE__ */ React2.createElement(CartesianChart, {
     chartName: "LineChart",
     defaultTooltipEventType: "axis",
     validateTooltipEventTypes: allowedTooltipTypes$3,
@@ -99194,7 +99192,7 @@ var LineChart = /* @__PURE__ */ forwardRef2((props, ref) => {
 });
 var allowedTooltipTypes$2 = ["axis", "item"];
 var BarChart = /* @__PURE__ */ forwardRef2((props, ref) => {
-  return /* @__PURE__ */ React$2.createElement(CartesianChart, {
+  return /* @__PURE__ */ React2.createElement(CartesianChart, {
     chartName: "BarChart",
     defaultTooltipEventType: "axis",
     validateTooltipEventTypes: allowedTooltipTypes$2,
@@ -99313,16 +99311,16 @@ var PolarChart = /* @__PURE__ */ forwardRef2(function PolarChart2(props, ref) {
     tooltipPayloadSearcher: props.tooltipPayloadSearcher,
     eventEmitter: void 0
   };
-  return /* @__PURE__ */ React$2.createElement(RechartsStoreProvider, {
+  return /* @__PURE__ */ React2.createElement(RechartsStoreProvider, {
     preloadedState: { options },
     reduxStoreName: (_polarChartProps$id = polarChartProps.id) !== null && _polarChartProps$id !== void 0 ? _polarChartProps$id : chartName
-  }, /* @__PURE__ */ React$2.createElement(ChartDataContextProvider, { chartData: polarChartProps.data }), /* @__PURE__ */ React$2.createElement(ReportMainChartProps, {
+  }, /* @__PURE__ */ React2.createElement(ChartDataContextProvider, { chartData: polarChartProps.data }), /* @__PURE__ */ React2.createElement(ReportMainChartProps, {
     layout,
     margin: polarChartProps.margin
-  }), /* @__PURE__ */ React$2.createElement(ReportEventSettings, {
+  }), /* @__PURE__ */ React2.createElement(ReportEventSettings, {
     throttleDelay: polarChartProps.throttleDelay,
     throttledEvents: polarChartProps.throttledEvents
-  }), /* @__PURE__ */ React$2.createElement(ReportChartProps, {
+  }), /* @__PURE__ */ React2.createElement(ReportChartProps, {
     baseValue: void 0,
     accessibilityLayer: polarChartProps.accessibilityLayer,
     barCategoryGap: polarChartProps.barCategoryGap,
@@ -99334,14 +99332,14 @@ var PolarChart = /* @__PURE__ */ forwardRef2(function PolarChart2(props, ref) {
     syncMethod: polarChartProps.syncMethod,
     className: polarChartProps.className,
     reverseStackOrder: polarChartProps.reverseStackOrder
-  }), /* @__PURE__ */ React$2.createElement(ReportPolarOptions, {
+  }), /* @__PURE__ */ React2.createElement(ReportPolarOptions, {
     cx: polarChartProps.cx,
     cy: polarChartProps.cy,
     startAngle: polarChartProps.startAngle,
     endAngle: polarChartProps.endAngle,
     innerRadius: polarChartProps.innerRadius,
     outerRadius: polarChartProps.outerRadius
-  }), /* @__PURE__ */ React$2.createElement(CategoricalChart, _extends({}, otherCategoricalProps, { ref })));
+  }), /* @__PURE__ */ React2.createElement(CategoricalChart, _extends({}, otherCategoricalProps, { ref })));
 });
 function ownKeys(e, r2) {
   var t = Object.keys(e);
@@ -99394,7 +99392,7 @@ var defaultPieChartProps = _objectSpread(_objectSpread({}, defaultPolarChartProp
 });
 var PieChart = /* @__PURE__ */ forwardRef2((props, ref) => {
   var propsWithDefaults = resolveDefaultProps(props, defaultPieChartProps);
-  return /* @__PURE__ */ React$2.createElement(PolarChart, {
+  return /* @__PURE__ */ React2.createElement(PolarChart, {
     chartName: "PieChart",
     defaultTooltipEventType: "item",
     validateTooltipEventTypes: allowedTooltipTypes$1,
@@ -99405,7 +99403,7 @@ var PieChart = /* @__PURE__ */ forwardRef2((props, ref) => {
 });
 var allowedTooltipTypes = ["axis"];
 var AreaChart = /* @__PURE__ */ forwardRef2((props, ref) => {
-  return /* @__PURE__ */ React$2.createElement(CartesianChart, {
+  return /* @__PURE__ */ React2.createElement(CartesianChart, {
     chartName: "AreaChart",
     defaultTooltipEventType: "axis",
     validateTooltipEventTypes: allowedTooltipTypes,
@@ -99435,16 +99433,16 @@ function sanitizeChartColor(value) {
 function getChartColorVarName(key) {
   return `--color-${sanitizeChartToken(key)}`;
 }
-var ChartContext = React$2.createContext(null);
+var ChartContext = React2.createContext(null);
 function useChart() {
-  const context = React$2.useContext(ChartContext);
+  const context = React2.useContext(ChartContext);
   if (!context) throw new Error("useChart must be used within a <ChartContainer />");
   return context;
 }
 function ChartContainer({ id, className, children, config: config2, initialDimension = INITIAL_DIMENSION, ...props }) {
-  const uniqueId3 = React$2.useId();
+  const uniqueId3 = React2.useId();
   const chartId = sanitizeChartToken(`chart-${id ?? uniqueId3.replace(/:/g, "")}`);
-  const chartContextValue = React$2.useMemo(() => ({ config: config2 }), [config2]);
+  const chartContextValue = React2.useMemo(() => ({ config: config2 }), [config2]);
   return /* @__PURE__ */ jsx(ChartContext.Provider, {
     value: chartContextValue,
     children: /* @__PURE__ */ jsxs("div", {
@@ -99479,7 +99477,7 @@ ${colorConfig.map(([key, itemConfig]) => {
 var ChartTooltip = Tooltip;
 function ChartTooltipLabel({ label, labelFormatter, payload, hideLabel, labelClassName, labelKey }) {
   const { config: config2 } = useChart();
-  return React$2.useMemo(() => {
+  return React2.useMemo(() => {
     if (hideLabel || !payload?.length) return null;
     const [item] = payload;
     const key = `${labelKey ?? item.dataKey ?? item.name ?? "value"}`;
@@ -99614,18 +99612,24 @@ function formatNumber(value, locale2, options) {
 function valueToPercent(value, min, max) {
   return (value - min) * 100 / (max - min);
 }
-var ProgressRootContext = /* @__PURE__ */ React$2.createContext(void 0);
+var ProgressRootContext = /* @__PURE__ */ React2.createContext(void 0);
 function useProgressRootContext() {
-  const context = React$2.useContext(ProgressRootContext);
+  const context = React2.useContext(ProgressRootContext);
   if (context === void 0) throw new Error(formatErrorMessage(51));
   return context;
 }
+var complete = "data-complete";
+var indeterminate = "data-indeterminate";
+var progressing = "data-progressing";
 var progressStateAttributesMapping = { status(value) {
-  return { [`data-${value}`]: "" };
+  if (value === "progressing") return { [progressing]: "" };
+  if (value === "complete") return { [complete]: "" };
+  if (value === "indeterminate") return { [indeterminate]: "" };
+  return null;
 } };
-var ProgressRoot = /* @__PURE__ */ React$2.forwardRef(function ProgressRoot2(componentProps, forwardedRef) {
+var ProgressRoot = /* @__PURE__ */ React2.forwardRef(function ProgressRoot2(componentProps, forwardedRef) {
   const { format: format2, getAriaValueText, locale: locale2, max = 100, min = 0, value, render, className, children, style, ...elementProps } = componentProps;
-  const [labelId, setLabelId] = React$2.useState();
+  const [labelId, setLabelId] = React2.useState();
   let status = "indeterminate";
   let percentageValue = null;
   let clampedValue = null;
@@ -99639,7 +99643,7 @@ var ProgressRoot = /* @__PURE__ */ React$2.forwardRef(function ProgressRoot2(com
     formattedValue = format2 ? formatNumber(clampedValue, locale2, format2) : formatNumber(percentageValue / 100, locale2, { style: "percent" });
     defaultAriaValueText = formattedValue;
   }
-  const state = React$2.useMemo(() => ({ status }), [status]);
+  const state = React2.useMemo(() => ({ status }), [status]);
   const defaultProps2 = {
     "aria-labelledby": labelId,
     "aria-valuemax": max,
@@ -99647,13 +99651,13 @@ var ProgressRoot = /* @__PURE__ */ React$2.forwardRef(function ProgressRoot2(com
     "aria-valuenow": clampedValue ?? void 0,
     "aria-valuetext": getAriaValueText ? getAriaValueText(formattedValue, value) : defaultAriaValueText,
     role: "progressbar",
-    children: /* @__PURE__ */ jsxs(React$2.Fragment, { children: [children, /* @__PURE__ */ jsx("span", {
+    children: /* @__PURE__ */ jsxs(React2.Fragment, { children: [children, /* @__PURE__ */ jsx("span", {
       role: "presentation",
       style: visuallyHidden,
       children: "x"
     })] })
   };
-  const contextValue = React$2.useMemo(() => ({
+  const contextValue = React2.useMemo(() => ({
     formattedValue,
     percentageValue,
     setLabelId,
@@ -99677,7 +99681,7 @@ var ProgressRoot = /* @__PURE__ */ React$2.forwardRef(function ProgressRoot2(com
     children: element
   });
 });
-var ProgressTrack$1 = /* @__PURE__ */ React$2.forwardRef(function ProgressTrack(componentProps, forwardedRef) {
+var ProgressTrack$1 = /* @__PURE__ */ React2.forwardRef(function ProgressTrack(componentProps, forwardedRef) {
   const { render, className, style, ...elementProps } = componentProps;
   const { state } = useProgressRootContext();
   return useRenderElement("div", componentProps, {
@@ -99687,7 +99691,7 @@ var ProgressTrack$1 = /* @__PURE__ */ React$2.forwardRef(function ProgressTrack(
     stateAttributesMapping: progressStateAttributesMapping
   });
 });
-var ProgressIndicator$1 = /* @__PURE__ */ React$2.forwardRef(function ProgressIndicator(componentProps, forwardedRef) {
+var ProgressIndicator$1 = /* @__PURE__ */ React2.forwardRef(function ProgressIndicator(componentProps, forwardedRef) {
   const { render, className, style, ...elementProps } = componentProps;
   const { percentageValue, state } = useProgressRootContext();
   const indicatorStyle = percentageValue == null ? {} : {
@@ -99702,21 +99706,21 @@ var ProgressIndicator$1 = /* @__PURE__ */ React$2.forwardRef(function ProgressIn
     stateAttributesMapping: progressStateAttributesMapping
   });
 });
-var ProgressValue$1 = /* @__PURE__ */ React$2.forwardRef(function ProgressValue(componentProps, forwardedRef) {
+var ProgressValue$1 = /* @__PURE__ */ React2.forwardRef(function ProgressValue(componentProps, forwardedRef) {
   const { className, render, children, style, ...elementProps } = componentProps;
   const { value, formattedValue, state } = useProgressRootContext();
-  const indeterminate = state.status === "indeterminate";
+  const indeterminate2 = state.status === "indeterminate";
   return useRenderElement("span", componentProps, {
     state,
     ref: forwardedRef,
     props: [{
       "aria-hidden": true,
-      children: typeof children === "function" ? children(indeterminate ? "indeterminate" : formattedValue, value) : indeterminate ? null : formattedValue
+      children: typeof children === "function" ? children(indeterminate2 ? "indeterminate" : formattedValue, value) : indeterminate2 ? null : formattedValue
     }, elementProps],
     stateAttributesMapping: progressStateAttributesMapping
   });
 });
-var ProgressLabel$1 = /* @__PURE__ */ React$2.forwardRef(function ProgressLabel(componentProps, forwardedRef) {
+var ProgressLabel$1 = /* @__PURE__ */ React2.forwardRef(function ProgressLabel(componentProps, forwardedRef) {
   const { render, className, style, id: idProp, ...elementProps } = componentProps;
   const { setLabelId, state } = useProgressRootContext();
   const id = useRegisteredLabelId(idProp, setLabelId);
@@ -100268,7 +100272,7 @@ function PanelActionComponent({ props: { focus, label, panel, relativePath } })
 }
 var PanelActionDef = defineComponent$1({
   name: "PanelAction",
-  description: "A trusted local action that opens Resources, Workspace, Artifacts, REPL, Subagents, or Session insights. relativePath selects a contained workspace-relative path and is valid only for Workspace and Artifacts panels.",
+  description: "A trusted local action that opens Resources, Workspace, Artifacts, REPL, Subagents, Session insights, or Session tree. relativePath selects a contained workspace-relative path and is valid only for Workspace and Artifacts panels.",
   props: external_exports.object({
     label: external_exports.string().describe("Visible action label"),
     panel: RightPanelIdSchema,
@@ -100843,17 +100847,17 @@ var openUILibrary = createLibrary$1({ components: [
       }) : null, /* @__PURE__ */ jsx("ul", {
         className: "flex flex-col gap-2",
         children: items.map((item, index) => {
-          const complete = item.status === "completed";
+          const complete2 = item.status === "completed";
           const active = item.status === "in-progress";
           return /* @__PURE__ */ jsxs("li", {
             className: "flex items-start gap-2 text-sm",
             children: [/* @__PURE__ */ jsx("span", {
               "aria-hidden": "true",
-              className: cn("mt-1 size-2 shrink-0 rounded-full border", complete && "border-emerald-500 bg-emerald-500", active && "border-primary bg-primary/30", !complete && !active && "border-muted-foreground/50")
+              className: cn("mt-1 size-2 shrink-0 rounded-full border", complete2 && "border-emerald-500 bg-emerald-500", active && "border-primary bg-primary/30", !complete2 && !active && "border-muted-foreground/50")
             }), /* @__PURE__ */ jsxs("span", {
               className: "min-w-0 flex-1",
               children: [/* @__PURE__ */ jsx("span", {
-                className: cn(complete && "text-muted-foreground line-through"),
+                className: cn(complete2 && "text-muted-foreground line-through"),
                 children: item.label
               }), item.detail ? /* @__PURE__ */ jsx("span", {
                 className: "mt-0.5 block text-xs text-muted-foreground",
@@ -101028,14 +101032,16 @@ function GenerativeTextRenderer({ content, className, isStreaming, messageId, on
   }, []);
   if (segments.length === 1 && segments[0]?.type === "markdown") return /* @__PURE__ */ jsx(Markdown, {
     className,
-    content
+    content,
+    isStreaming
   });
   return /* @__PURE__ */ jsx("div", {
     className: `flex w-full flex-col gap-3 ${className ?? ""}`,
     children: segments.map((segment) => {
       if (segment.type === "markdown") return /* @__PURE__ */ jsx(Markdown, {
         content: segment.content,
-        className: "leading-relaxed [&_p]:leading-relaxed"
+        className: "leading-relaxed [&_p]:leading-relaxed",
+        isStreaming
       }, segment.id);
       const blockId = `${messageId ?? "message"}:${segment.id}`;
       return /* @__PURE__ */ jsx(OpenUIBlock, {