@bigbinary/neeto-atoms 1.0.36 → 1.0.37

package/dist/primitives/Chart.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { isValidElement, forwardRef, useContext, createContext, useMemo, useState, useCallback, useRef, useImperativeHandle, useEffect, useLayoutEffect, cloneElement, createElement } from 'react';
-import { a as clsx, c as cn } from '../utils-DdHUxIdC.js';
+import { a as clsx, c as cn } from '../utils-BJnb9o5c.js';
 import { createPortal } from 'react-dom';
 import { g as getDefaultExportFromCjs, i as isAction } from '../redux-BKH6DnBB.js';
 import { w as withSelectorExports } from '../with-selector-Dv0G_V_o.js';
@@ -1563,8 +1563,8 @@ function requireToPath () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const toString = /*@__PURE__*/ requireToString();
-		const toKey = /*@__PURE__*/ requireToKey();
+		const toString = requireToString();
+		const toKey = requireToKey();
 
 		function toPath(deepKey) {
 		    if (Array.isArray(deepKey)) {
@@ -1654,10 +1654,10 @@ function requireGet$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isUnsafeProperty = /*@__PURE__*/ requireIsUnsafeProperty();
-		const isDeepKey = /*@__PURE__*/ requireIsDeepKey();
-		const toKey = /*@__PURE__*/ requireToKey();
-		const toPath = /*@__PURE__*/ requireToPath();
+		const isUnsafeProperty = requireIsUnsafeProperty();
+		const isDeepKey = requireIsDeepKey();
+		const toKey = requireToKey();
+		const toPath = requireToPath();
 
 		function get(object, path, defaultValue) {
 		    if (object == null) {
@@ -1742,7 +1742,7 @@ var hasRequiredGet;
 function requireGet () {
 	if (hasRequiredGet) return get$2;
 	hasRequiredGet = 1;
-	get$2 = /*@__PURE__*/ requireGet$1().get;
+	get$2 = requireGet$1().get;
 	return get$2;
 }
 
@@ -2555,7 +2555,7 @@ function requireIsArrayLike () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isLength = /*@__PURE__*/ requireIsLength();
+		const isLength = requireIsLength();
 
 		function isArrayLike(value) {
 		    return value != null && typeof value !== 'function' && isLength.isLength(value.length);
@@ -2595,8 +2595,8 @@ function requireIsArrayLikeObject () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isArrayLike = /*@__PURE__*/ requireIsArrayLike();
-		const isObjectLike = /*@__PURE__*/ requireIsObjectLike();
+		const isArrayLike = requireIsArrayLike();
+		const isObjectLike = requireIsObjectLike();
 
 		function isArrayLikeObject(value) {
 		    return isObjectLike.isObjectLike(value) && isArrayLike.isArrayLike(value);
@@ -2620,7 +2620,7 @@ function requireProperty () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const get = /*@__PURE__*/ requireGet$1();
+		const get = requireGet$1();
 
 		function property(path) {
 		    return function (object) {
@@ -2708,9 +2708,9 @@ function requireIsMatchWith () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isObject = /*@__PURE__*/ requireIsObject();
-		const isPrimitive = /*@__PURE__*/ requireIsPrimitive();
-		const isEqualsSameValueZero = /*@__PURE__*/ requireIsEqualsSameValueZero();
+		const isObject = requireIsObject();
+		const isPrimitive = requireIsPrimitive();
+		const isEqualsSameValueZero = requireIsEqualsSameValueZero();
 
 		function isMatchWith(target, source, compare) {
 		    if (typeof compare !== 'function') {
@@ -2871,7 +2871,7 @@ function requireIsMatch () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isMatchWith = /*@__PURE__*/ requireIsMatchWith();
+		const isMatchWith = requireIsMatchWith();
 
 		function isMatch(target, source) {
 		    return isMatchWith.isMatchWith(target, source, () => undefined);
@@ -3026,11 +3026,11 @@ function requireCloneDeepWith$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const getSymbols = /*@__PURE__*/ requireGetSymbols();
-		const getTag = /*@__PURE__*/ requireGetTag();
-		const tags = /*@__PURE__*/ requireTags();
-		const isPrimitive = /*@__PURE__*/ requireIsPrimitive();
-		const isTypedArray = /*@__PURE__*/ requireIsTypedArray();
+		const getSymbols = requireGetSymbols();
+		const getTag = requireGetTag();
+		const tags = requireTags();
+		const isPrimitive = requireIsPrimitive();
+		const isTypedArray = requireIsTypedArray();
 
 		function cloneDeepWith(obj, cloneValue) {
 		    return cloneDeepWithImpl(obj, undefined, obj, new Map(), cloneValue);
@@ -3214,7 +3214,7 @@ function requireCloneDeep$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const cloneDeepWith = /*@__PURE__*/ requireCloneDeepWith$1();
+		const cloneDeepWith = requireCloneDeepWith$1();
 
 		function cloneDeep(obj) {
 		    return cloneDeepWith.cloneDeepWithImpl(obj, undefined, obj, new Map(), undefined);
@@ -3234,8 +3234,8 @@ function requireMatches () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isMatch = /*@__PURE__*/ requireIsMatch();
-		const cloneDeep = /*@__PURE__*/ requireCloneDeep$1();
+		const isMatch = requireIsMatch();
+		const cloneDeep = requireCloneDeep$1();
 
 		function matches(source) {
 		    source = cloneDeep.cloneDeep(source);
@@ -3264,9 +3264,9 @@ function requireCloneDeepWith () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const cloneDeepWith$1 = /*@__PURE__*/ requireCloneDeepWith$1();
-		const getTag = /*@__PURE__*/ requireGetTag();
-		const tags = /*@__PURE__*/ requireTags();
+		const cloneDeepWith$1 = requireCloneDeepWith$1();
+		const getTag = requireGetTag();
+		const tags = requireTags();
 
 		function cloneDeepWith(obj, customizer) {
 		    return cloneDeepWith$1.cloneDeepWith(obj, (value, key, object, stack) => {
@@ -3319,7 +3319,7 @@ function requireCloneDeep () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const cloneDeepWith = /*@__PURE__*/ requireCloneDeepWith();
+		const cloneDeepWith = requireCloneDeepWith();
 
 		function cloneDeep(obj) {
 		    return cloneDeepWith.cloneDeepWith(obj);
@@ -3374,7 +3374,7 @@ function requireIsArguments () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const getTag = /*@__PURE__*/ requireGetTag();
+		const getTag = requireGetTag();
 
 		function isArguments(value) {
 		    return value !== null && typeof value === 'object' && getTag.getTag(value) === '[object Arguments]';
@@ -3394,10 +3394,10 @@ function requireHas () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isDeepKey = /*@__PURE__*/ requireIsDeepKey();
-		const isIndex = /*@__PURE__*/ requireIsIndex();
-		const isArguments = /*@__PURE__*/ requireIsArguments();
-		const toPath = /*@__PURE__*/ requireToPath();
+		const isDeepKey = requireIsDeepKey();
+		const isIndex = requireIsIndex();
+		const isArguments = requireIsArguments();
+		const toPath = requireToPath();
 
 		function has(object, path) {
 		    let resolvedPath;
@@ -3441,11 +3441,11 @@ function requireMatchesProperty () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isMatch = /*@__PURE__*/ requireIsMatch();
-		const toKey = /*@__PURE__*/ requireToKey();
-		const cloneDeep = /*@__PURE__*/ requireCloneDeep();
-		const get = /*@__PURE__*/ requireGet$1();
-		const has = /*@__PURE__*/ requireHas();
+		const isMatch = requireIsMatch();
+		const toKey = requireToKey();
+		const cloneDeep = requireCloneDeep();
+		const get = requireGet$1();
+		const has = requireHas();
 
 		function matchesProperty(property, source) {
 		    switch (typeof property) {
@@ -3487,10 +3487,10 @@ function requireIteratee () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const identity = /*@__PURE__*/ requireIdentity();
-		const property = /*@__PURE__*/ requireProperty();
-		const matches = /*@__PURE__*/ requireMatches();
-		const matchesProperty = /*@__PURE__*/ requireMatchesProperty();
+		const identity = requireIdentity();
+		const property = requireProperty();
+		const matches = requireMatches();
+		const matchesProperty = requireMatchesProperty();
 
 		function iteratee(value) {
 		    if (value == null) {
@@ -3528,11 +3528,11 @@ function requireUniqBy$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const uniqBy$1 = /*@__PURE__*/ requireUniqBy$2();
-		const ary = /*@__PURE__*/ requireAry();
-		const identity = /*@__PURE__*/ requireIdentity();
-		const isArrayLikeObject = /*@__PURE__*/ requireIsArrayLikeObject();
-		const iteratee = /*@__PURE__*/ requireIteratee();
+		const uniqBy$1 = requireUniqBy$2();
+		const ary = requireAry();
+		const identity = requireIdentity();
+		const isArrayLikeObject = requireIsArrayLikeObject();
+		const iteratee = requireIteratee();
 
 		function uniqBy(array, iteratee$1 = identity.identity) {
 		    if (!isArrayLikeObject.isArrayLikeObject(array)) {
@@ -3552,7 +3552,7 @@ var hasRequiredUniqBy;
 function requireUniqBy () {
 	if (hasRequiredUniqBy) return uniqBy$1;
 	hasRequiredUniqBy = 1;
-	uniqBy$1 = /*@__PURE__*/ requireUniqBy$1().uniqBy;
+	uniqBy$1 = requireUniqBy$1().uniqBy;
 	return uniqBy$1;
 }
 
@@ -3720,7 +3720,7 @@ function requireIsKey () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isSymbol = /*@__PURE__*/ requireIsSymbol();
+		const isSymbol = requireIsSymbol();
 
 		const regexIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/;
 		const regexIsPlainProp = /^\w*$/;
@@ -3749,9 +3749,9 @@ function requireOrderBy () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const compareValues = /*@__PURE__*/ requireCompareValues();
-		const isKey = /*@__PURE__*/ requireIsKey();
-		const toPath = /*@__PURE__*/ requireToPath();
+		const compareValues = requireCompareValues();
+		const isKey = requireIsKey();
+		const toPath = requireToPath();
 
 		function orderBy(collection, criteria, orders, guard) {
 		    if (collection == null) {
@@ -3876,10 +3876,10 @@ function requireIsIterateeCall () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isIndex = /*@__PURE__*/ requireIsIndex();
-		const isArrayLike = /*@__PURE__*/ requireIsArrayLike();
-		const isObject = /*@__PURE__*/ requireIsObject();
-		const isEqualsSameValueZero = /*@__PURE__*/ requireIsEqualsSameValueZero();
+		const isIndex = requireIsIndex();
+		const isArrayLike = requireIsArrayLike();
+		const isObject = requireIsObject();
+		const isEqualsSameValueZero = requireIsEqualsSameValueZero();
 
 		function isIterateeCall(value, index, object) {
 		    if (!isObject.isObject(object)) {
@@ -3906,9 +3906,9 @@ function requireSortBy$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const orderBy = /*@__PURE__*/ requireOrderBy();
-		const flatten = /*@__PURE__*/ requireFlatten();
-		const isIterateeCall = /*@__PURE__*/ requireIsIterateeCall();
+		const orderBy = requireOrderBy();
+		const flatten = requireFlatten();
+		const isIterateeCall = requireIsIterateeCall();
 
 		function sortBy(collection, ...criteria) {
 		    const length = criteria.length;
@@ -3932,7 +3932,7 @@ var hasRequiredSortBy;
 function requireSortBy () {
 	if (hasRequiredSortBy) return sortBy$2;
 	hasRequiredSortBy = 1;
-	sortBy$2 = /*@__PURE__*/ requireSortBy$1().sortBy;
+	sortBy$2 = requireSortBy$1().sortBy;
 	return sortBy$2;
 }
 
@@ -5232,6 +5232,48 @@ function formatProdErrorMessage(code) {
   return `Minified Redux Toolkit error #${code}; visit https://redux-toolkit.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;
 }
 
+var initialState$4 = {
+  layoutType: 'horizontal',
+  width: 0,
+  height: 0,
+  margin: {
+    top: 5,
+    right: 5,
+    bottom: 5,
+    left: 5
+  },
+  scale: 1
+};
+var chartLayoutSlice = createSlice({
+  name: 'chartLayout',
+  initialState: initialState$4,
+  reducers: {
+    setLayout(state, action) {
+      state.layoutType = action.payload;
+    },
+    setChartSize(state, action) {
+      state.width = action.payload.width;
+      state.height = action.payload.height;
+    },
+    setMargin(state, action) {
+      var _action$payload$top, _action$payload$right, _action$payload$botto, _action$payload$left;
+      state.margin.top = (_action$payload$top = action.payload.top) !== null && _action$payload$top !== void 0 ? _action$payload$top : 0;
+      state.margin.right = (_action$payload$right = action.payload.right) !== null && _action$payload$right !== void 0 ? _action$payload$right : 0;
+      state.margin.bottom = (_action$payload$botto = action.payload.bottom) !== null && _action$payload$botto !== void 0 ? _action$payload$botto : 0;
+      state.margin.left = (_action$payload$left = action.payload.left) !== null && _action$payload$left !== void 0 ? _action$payload$left : 0;
+    },
+    setScale(state, action) {
+      state.scale = action.payload;
+    }
+  }
+});
+var {
+  setMargin,
+  setLayout,
+  setChartSize,
+  setScale
+} = chartLayoutSlice.actions;
+
 function getSliced(arr, startIndex, endIndex) {
   if (!Array.isArray(arr)) {
     return arr;
@@ -5699,7 +5741,7 @@ function requireDebounce () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const debounce$1 = /*@__PURE__*/ requireDebounce$1();
+		const debounce$1 = requireDebounce$1();
 
 		function debounce(func, debounceMs = 0, options = {}) {
 		    if (typeof options !== 'object') {
@@ -5758,7 +5800,7 @@ function requireThrottle$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const debounce = /*@__PURE__*/ requireDebounce();
+		const debounce = requireDebounce();
 
 		function throttle(func, throttleMs = 0, options = {}) {
 		    const { leading = true, trailing = true } = options;
@@ -5780,7 +5822,7 @@ var hasRequiredThrottle;
 function requireThrottle () {
 	if (hasRequiredThrottle) return throttle$1;
 	hasRequiredThrottle = 1;
-	throttle$1 = /*@__PURE__*/ requireThrottle$1().throttle;
+	throttle$1 = requireThrottle$1().throttle;
 	return throttle$1;
 }
 
@@ -6991,7 +7033,7 @@ function castDraft(value) {
  * This is why this state type is not exported - don't use it directly.
  */
 
-var initialState$2 = {
+var initialState$3 = {
   settings: {
     layout: 'horizontal',
     align: 'center',
@@ -7006,7 +7048,7 @@ var initialState$2 = {
 };
 var legendSlice = createSlice({
   name: 'legend',
-  initialState: initialState$2,
+  initialState: initialState$3,
   reducers: {
     setLegendSize(state, action) {
       state.size.width = action.payload.width;
@@ -9018,7 +9060,7 @@ function requireToNumber () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isSymbol = /*@__PURE__*/ requireIsSymbol();
+		const isSymbol = requireIsSymbol();
 
 		function toNumber(value) {
 		    if (isSymbol.isSymbol(value)) {
@@ -9041,7 +9083,7 @@ function requireToFinite () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const toNumber = /*@__PURE__*/ requireToNumber();
+		const toNumber = requireToNumber();
 
 		function toFinite(value) {
 		    if (!value) {
@@ -9069,8 +9111,8 @@ function requireRange$1 () {
 
 		Object.defineProperty(exports$1, Symbol.toStringTag, { value: 'Module' });
 
-		const isIterateeCall = /*@__PURE__*/ requireIsIterateeCall();
-		const toFinite = /*@__PURE__*/ requireToFinite();
+		const isIterateeCall = requireIsIterateeCall();
+		const toFinite = requireToFinite();
 
 		function range(start, end, step) {
 		    if (step && typeof step !== 'number' && isIterateeCall.isIterateeCall(start, end, step)) {
@@ -9105,7 +9147,7 @@ var hasRequiredRange;
 function requireRange () {
 	if (hasRequiredRange) return range$2;
 	hasRequiredRange = 1;
-	range$2 = /*@__PURE__*/ requireRange$1().range;
+	range$2 = requireRange$1().range;
 	return range$2;
 }
 
@@ -17188,7 +17230,7 @@ var noInteraction = {
  * - The data that individual graphical items wish to be displayed in case the tooltip gets activated
  */
 
-var initialState$1 = {
+var initialState$2 = {
   itemInteraction: {
     click: noInteraction,
     hover: noInteraction
@@ -17229,7 +17271,7 @@ var initialState$1 = {
 
 var tooltipSlice = createSlice({
   name: 'tooltip',
-  initialState: initialState$1,
+  initialState: initialState$2,
   reducers: {
     addTooltipEntrySettings: {
       reducer(state, action) {
@@ -17951,7 +17993,7 @@ function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Ob
 function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive$2(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var seed = {};
-var initialState = {
+var initialState$1 = {
   zIndexMap: Object.values(DefaultZIndexes).reduce((acc, current) => _objectSpread$2(_objectSpread$2({}, acc), {}, {
     [current]: {
       element: undefined,
@@ -17966,7 +18008,7 @@ function isDefaultZIndex(zIndex) {
 }
 var zIndexSlice = createSlice({
   name: 'zIndex',
-  initialState,
+  initialState: initialState$1,
   reducers: {
     registerZIndexPortal: {
       reducer: (state, action) => {
@@ -18601,10 +18643,94 @@ var EventEmitter = /*@__PURE__*/getDefaultExportFromCjs(eventemitter3Exports);
 var eventCenter = new EventEmitter();
 var TOOLTIP_SYNC_EVENT = 'recharts.syncEvent.tooltip';
 
+var initialState = {
+  chartName: '',
+  tooltipPayloadSearcher: () => undefined,
+  eventEmitter: undefined,
+  defaultTooltipEventType: 'axis'
+};
+var optionsSlice = createSlice({
+  name: 'options',
+  initialState,
+  reducers: {
+    createEventEmitter: state => {
+      if (state.eventEmitter == null) {
+        state.eventEmitter = Symbol('rechartsEventEmitter');
+      }
+    }
+  }
+});
+var {
+  createEventEmitter
+} = optionsSlice.actions;
+
 function selectSynchronisedTooltipState(state) {
   return state.tooltip.syncInteraction;
 }
 
+/**
+ * This is the data that's coming through main chart `data` prop
+ * Recharts is very flexible in what it accepts so the type is very flexible too.
+ * This will typically be an object, and various components will provide various `dataKey`
+ * that dictates how to pull data from that object.
+ *
+ * TL;DR: before dataKey
+ *
+ * @inline
+ */
+
+/**
+ * So this is the same unknown type as ChartData but this is after the dataKey has been applied.
+ * We still don't know what the type is - that depends on what exactly it was before the dataKey application,
+ * and the dataKey can return whatever anyway - but let's keep it separate as a form of documentation.
+ *
+ * TL;DR: ChartData after dataKey.
+ */
+
+var initialChartDataState = {
+  chartData: undefined,
+  computedData: undefined,
+  dataStartIndex: 0,
+  dataEndIndex: 0
+};
+var chartDataSlice = createSlice({
+  name: 'chartData',
+  initialState: initialChartDataState,
+  reducers: {
+    setChartData(state, action) {
+      state.chartData = castDraft(action.payload);
+      if (action.payload == null) {
+        state.dataStartIndex = 0;
+        state.dataEndIndex = 0;
+        return;
+      }
+      if (action.payload.length > 0 && state.dataEndIndex !== action.payload.length - 1) {
+        state.dataEndIndex = action.payload.length - 1;
+      }
+    },
+    setComputedData(state, action) {
+      state.computedData = action.payload;
+    },
+    setDataStartEndIndexes(state, action) {
+      var {
+        startIndex,
+        endIndex
+      } = action.payload;
+      if (startIndex != null) {
+        state.dataStartIndex = startIndex;
+      }
+      if (endIndex != null) {
+        state.dataEndIndex = endIndex;
+      }
+    }
+  }
+});
+var {
+  setChartData,
+  setDataStartEndIndexes,
+  setComputedData
+} = chartDataSlice.actions;
+
 /**
  * Will send events to other charts.
  * If syncId is undefined, no events will be sent.
@@ -18826,139 +18952,251 @@ function Tooltip(outsideProps) {
   }));
 }
 
-// Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" };
 const INITIAL_DIMENSION = { width: 320, height: 200 };
 const ChartContext = React.createContext(null);
 function useChart() {
-    const context = React.useContext(ChartContext);
-    if (!context) {
-        throw new Error("useChart must be used within a <ChartContainer />");
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+function ChartContainer$1({
+  id,
+  className,
+  children,
+  config,
+  initialDimension = INITIAL_DIMENSION,
+  ...props
+}) {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChartStyle$1, { id: chartId, config }),
+        /* @__PURE__ */ jsx(
+          ResponsiveContainer,
+          {
+            initialDimension,
+            children
+          }
+        )
+      ]
     }
-    return context;
-}
-function ChartContainer$1({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) {
-    const uniqueId = React.useId();
-    const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
-    return (jsx(ChartContext.Provider, { value: { config }, children: jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [jsx(ChartStyle$1, { id: chartId, config: config }), jsx(ResponsiveContainer, { initialDimension: initialDimension, children: children })] }) }));
+  ) });
 }
 const ChartStyle$1 = ({ id, config }) => {
-    const colorConfig = Object.entries(config).filter(([, config]) => config.theme ?? config.color);
-    if (!colorConfig.length) {
-        return null;
-    }
-    return (jsx("style", { dangerouslySetInnerHTML: {
-            __html: Object.entries(THEMES)
-                .map(([theme, prefix]) => `
+  const colorConfig = Object.entries(config).filter(
+    ([, config2]) => config2.theme ?? config2.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
 ${prefix} [data-chart=${id}] {
-${colorConfig
-                .map(([key, itemConfig]) => {
-                const color = itemConfig.theme?.[theme] ??
-                    itemConfig.color;
-                return color ? `  --color-${key}: ${color};` : null;
-            })
-                .join("\n")}
-}
-`)
-                .join("\n"),
-        } }));
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
 };
 const ChartTooltip$1 = Tooltip;
-function ChartTooltipContent$1({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-        if (hideLabel || !payload?.length) {
-            return null;
-        }
-        const [item] = payload;
-        const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = !labelKey && typeof label === "string"
-            ? (config[label]?.label ?? label)
-            : itemConfig?.label;
-        if (labelFormatter) {
-            return (jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) }));
-        }
-        if (!value) {
-            return null;
-        }
-        return jsx("div", { className: cn("font-medium", labelClassName), children: value });
-    }, [
-        label,
-        labelFormatter,
-        payload,
-        hideLabel,
-        labelClassName,
-        config,
-        labelKey,
-    ]);
-    if (!active || !payload?.length) {
-        return null;
+function ChartTooltipContent$1({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}) {
+  const { config } = useChart();
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
+    if (labelFormatter) {
+      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
     }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return (jsxs("div", { className: cn("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className), children: [!nestLabel ? tooltipLabel : null, jsx("div", { className: "grid gap-1.5", children: payload
-                    .filter((item) => item.type !== "none")
-                    .map((item, index) => {
-                    const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = color ?? item.payload?.fill ?? item.color;
-                    return (jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (jsxs(Fragment, { children: [itemConfig?.icon ? (jsx(itemConfig.icon, {})) : (!hideIndicator && (jsx("div", { className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
-                                        "h-2.5 w-2.5": indicator === "dot",
-                                        "w-1": indicator === "line",
-                                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                                        "my-0.5": nestLabel && indicator === "dashed",
-                                    }), style: {
-                                        "--color-bg": indicatorColor,
-                                        "--color-border": indicatorColor,
-                                    } }))), jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number"
-                                                ? item.value.toLocaleString()
-                                                : String(item.value) }))] })] })) }, index));
-                }) })] }));
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey
+  ]);
+  if (!active || !payload?.length) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      ),
+      children: [
+        !nestLabel ? tooltipLabel : null,
+        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          const indicatorColor = color ?? item.payload?.fill ?? item.color;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                indicator === "dot" && "items-center"
+              ),
+              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+                      {
+                        "h-2.5 w-2.5": indicator === "dot",
+                        "w-1": indicator === "line",
+                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                        "my-0.5": nestLabel && indicator === "dashed"
+                      }
+                    ),
+                    style: {
+                      "--color-bg": indicatorColor,
+                      "--color-border": indicatorColor
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })
+                      ] }),
+                      item.value != null && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value) })
+                    ]
+                  }
+                )
+              ] })
+            },
+            index
+          );
+        }) })
+      ]
+    }
+  );
 }
 const ChartLegend$1 = Legend;
-function ChartLegendContent$1({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
-    const { config } = useChart();
-    if (!payload?.length) {
-        return null;
+function ChartLegendContent$1({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      ),
+      children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        const key = `${nameKey ?? item.dataKey ?? "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+            ),
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: item.color
+                  }
+                }
+              ),
+              itemConfig?.label
+            ]
+          },
+          index
+        );
+      })
     }
-    return (jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
-            .filter((item) => item.type !== "none")
-            .map((item, index) => {
-            const key = `${nameKey ?? item.dataKey ?? "value"}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return (jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (jsx(itemConfig.icon, {})) : (jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
-                            backgroundColor: item.color,
-                        } })), itemConfig?.label] }, index));
-        }) }));
+  );
 }
 function getPayloadConfigFromPayload(config, payload, key) {
-    if (typeof payload !== "object" || payload === null) {
-        return undefined;
-    }
-    const payloadPayload = "payload" in payload &&
-        typeof payload.payload === "object" &&
-        payload.payload !== null
-        ? payload.payload
-        : undefined;
-    let configLabelKey = key;
-    if (key in payload &&
-        typeof payload[key] === "string") {
-        configLabelKey = payload[key];
-    }
-    else if (payloadPayload &&
-        key in payloadPayload &&
-        typeof payloadPayload[key] === "string") {
-        configLabelKey = payloadPayload[key];
-    }
-    return configLabelKey in config ? config[configLabelKey] : config[key];
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
 }
 
-const ChartContainer = (props) => jsx(ChartContainer$1, { ...props });
-const ChartTooltip = (props) => jsx(ChartTooltip$1, { ...props });
-const ChartTooltipContent = (props) => jsx(ChartTooltipContent$1, { ...props });
-const ChartLegend = (props) => (jsx(ChartLegend$1, { ...props }));
-const ChartLegendContent = (props) => jsx(ChartLegendContent$1, { ...props });
-const ChartStyle = (props) => (jsx(ChartStyle$1, { ...props }));
+const ChartContainer = (props) => /* @__PURE__ */ jsx(ChartContainer$1, { ...props });
+const ChartTooltip = (props) => /* @__PURE__ */ jsx(ChartTooltip$1, { ...props });
+const ChartTooltipContent = (props) => /* @__PURE__ */ jsx(ChartTooltipContent$1, { ...props });
+const ChartLegend = (props) => /* @__PURE__ */ jsx(ChartLegend$1, { ...props });
+const ChartLegendContent = (props) => /* @__PURE__ */ jsx(ChartLegendContent$1, { ...props });
+const ChartStyle = (props) => /* @__PURE__ */ jsx(ChartStyle$1, { ...props });
 
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
 //# sourceMappingURL=Chart.js.map